hi,欢迎访问本站!
当前位置: 首页Web前端正文

JQ鼠标事件

墨初 Web前端 363阅读

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('鼠标升起'); // 注:用户在点击完左键之后,松开左键会触发此事件
});
声明:无特别说明,转载请标明本文来源!