jQuery 鼠标事件

Posted 2022-07-08 dyd520

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);
);