jQuery mousemove() 方法

实例

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $(document).mousemove(function(event){
  8. $("span").text(event.pageX + ", " + event.pageY);
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <p>鼠标位于坐标: <span></span>.</p>
  15. </body>
  16. </html>

定义与用法

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

mousemove() 方法触发 mousemove 事件,或在 mousemove 事件发生时附加要运行的函数。

注意: 每次用户移动鼠标一个像素,就会发生 mousemove 事件。处理所有 mousemove 事件需要系统资源,因此需要小心使用此事件。

语法

触发所选元素的 mousemove 事件:

  1. $(selector).mousemove()

将函数附加到 mousemove 事件:

  1. $(selector).mousemove(function)
参数描述
function可选。指定触发 mousemove 事件时要运行的函数

更多实例

阐述 mouseenter(), mouseover() 与 mousemove() 方法的区别

触发所选元素的 mousemove 事件

将函数附加到 mousemove 事件

分类导航