onmousemove事件

最新推荐文章于 2023-07-05 23:37:25 发布

原创最新推荐文章于 2023-07-05 23:37:25 发布 · 3.1k 阅读

1 ·

CC 4.0 BY-SA版权

jQuery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个简单的案例，通过使用jQuery监听mousemove事件来实时获取并显示鼠标在页面上的坐标位置。此案例展示了如何利用JavaScript实现基本的鼠标跟踪功能。

onmousemove()事件:当鼠标指针在指定的元素中移动时，就会发生 mousemove 事件。

事件会占用系统的资源，谨慎使用

当鼠标移动时鼠标所在的位置案例：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(document).mousemove(function(e){
    $("span").text(e.pageX + ", " + e.pageY);
  });
});
</script>
</head>
<body>
<p>鼠标位于坐标： <span></span>.</p>
</body>
</html>