jQuery 事件 mousemove() 方法

jQuery 参考手册 事件jQuery 参考手册 事件

当鼠标指针在指定的元素中移动时,就会发生 mousemove 事件。

mousemove() 方法触发 mousemove 事件,或规定当发生 mousemove 事件时运行的函数。

注意:用户把鼠标移动一个像素,就会发生一次 mousemove 事件。处理所有 mousemove 事件会耗费系统资源。请谨慎使用该事件。

 

1. 范例

获得鼠标指针在页面中的位置:

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

我要试一试

 

2. 触发 mousemove 事件

语法

$(selector).mousemove()

 

3. 将函数绑定到 mousemove 事件

语法

$(selector).mousemove(function)
参数 描述
function 可选。规定当发生 mousemove 事件时运行的函数。

我要试一试

jQuery 参考手册 事件jQuery 参考手册 事件

当鼠标指针穿过元素时,会发生 mouseenter 事件。该事件大多数时候会与 mouseleave 事件一起使用。mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数。与 mouseover 事件不同,只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。如果鼠标指针穿过任何子元素,同样会触发 mouseover 事件。