onmousemove事件

wy_Blog

于 2017-02-25 15:54:53 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/wy_Blog/article/details/57083409

jQuery 专栏收录该内容

8 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>