码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 鼠标事件

时间:2019-08-13 20:42:25      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:doc   color   元素事件   属性   mouseover   jquery   cli   str   client   

mousedown/mouseup

鼠标在元素上方 按下/松开  事件:

mousedown([[data],fn])  在鼠标指针移动到元素上方,并按下鼠标按键,触发的事件

mouseup([[data],fn])  在鼠标指针移动到元素上方,松下鼠标按键,触发的事件

mouseleave/mouseenter   

不管鼠标是 穿入/离开 被选元素或其子元素都会触发事件。该mouseleave(进入)与mouseenter(离开) 事件一起使用。

mouseleave([[data],fn])   当鼠标进入被选元素或其子元素都会触发事件。

mouseenter([[data],fn])    当鼠标离开被选元素或其子元素都会触发事件。 

mouseover/mouseout   

移入/移出   被选元素才被触发,

mouseover([[data],fn])  鼠标移入被选元素事件被触发

mouseout([[data],fn])    鼠标移出被选元素事件被触发

mousemove

鼠标在元素中移动所触发的事件,鼠标在元素中的位置

mousemove([[data],fn])   鼠标指针在元素中移动,所触发的事件

mousemove事件处理函数会被传递一个变量——事件对象,其.clientX 和 .clientY 属性代表鼠标的坐标

坐标从左上角计算

$(document).mousemove(function(e){
  $("span").text(e.pageX + ", " + e.pageY);
});

 

jQuery 鼠标事件

标签:doc   color   元素事件   属性   mouseover   jquery   cli   str   client   

原文地址:https://www.cnblogs.com/dyd520/p/11347996.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!