JQuery中的鼠標事件

鼠標的事件：click,mousedown,mouseenter,mouseleave ,mousemove,mouseout,mouseover,mouseup

分別是：點擊事件，鼠標按下事件，鼠標進入事件，鼠標離開事件，鼠標移動事件，鼠標移出事件，鼠標懸浮事件，鼠標按下事件

click事件：鼠標的點擊事件

<script>
    $('p').click(function(){
        alret('被點擊一次')
    })
</script>

mousedown事件：鼠標按下事件

<script>
    $('p').mousedown(function(){
        alret('鼠標按下一次')
    })
</script>

mouseenter事件：鼠標進入事件

<script>
    $('p').mousedown(function(){
        alret('鼠標進入一次')
    })
</script>

mouseleave事件：鼠標離開事件

<script>
    $('p').mousedown(function(){
        alret('鼠標離開一次')
    })
</script>

mousemove事件：鼠標移動事件

<script>
    $('p').mousedown(function(){
        alret('鼠標移動了') // 注意這個事件是根據鼠標的位置發生變化，意思就是，你移動一次鼠標他就出觸發一次
    })
</script>

mouseout事件：鼠標移開事件

$("p").mouseout(function(){
  $("p").css("background-color","#E9E9E4"); // 注：鼠標移開用戶指定的某個元素的時候會觸發這個事件
});

mouseup事件：鼠標按下之后左鍵松開的事件

$("p").mouseout(function(){
  alret('鼠標升起'); // 注：用戶在點擊完左鍵之后，松開左鍵會觸發此事件
});