JQuery中的鼠标事件 - 菜鸡的菜

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(\'鼠标升起\'); // 注：用户在点击完左键之后，松开左键会触发此事件
});