JQ鼠标事件

jq鼠标事件有 click(鼠标点击事件),mousedown(鼠标按下事件),mouseenter(鼠标进入事件),mouseleave(鼠标离开事件),mousemove(鼠标移动事件),mouseout(鼠标移出事件),mouseover(鼠标悬浮事件),mouseup(鼠标按下事件)，下面就针对这些事件做个详细的说明。

jq鼠标事件

click事件：鼠标的点击事件

$('p').click(function(){
    alret('被点击一次')
})

mousedown事件：鼠标按下事件

$('p').mousedown(function(){
    alret('鼠标按下一次')
})

mouseenter事件：鼠标进入事件

$('p').mousedown(function(){
    alret('鼠标进入一次')
})

mouseleave事件：鼠标离开事件

$('p').mousedown(function(){
    alret('鼠标离开一次')
})

mousemove事件：鼠标移动事件

$('p').mousedown(function(){
    alret('鼠标移动了') // 注意这个事件是根据鼠标的位置发生变化，意思就是，你移动一次鼠标他就出触发一次
})

mouseout事件：鼠标移开事件

$("p").mouseout(function(){
  $("p").css("background-color","#E9E9E4"); // 注：鼠标移开用户指定的某个元素的时候会触发这个事件
});

mouseup事件：鼠标按下之后左键松开的事件

$("p").mouseout(function(){
  alret('鼠标升起'); // 注：用户在点击完左键之后，松开左键会触发此事件
});