利用jQuery获取鼠标当前的坐标

最新推荐文章于 2022-08-31 11:19:47 发布

转载最新推荐文章于 2022-08-31 11:19:47 发布 · 99 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhucheer/p/3213887.html

本文介绍了使用jQuery在网页中获取鼠标当前位置的方法，并通过实例演示了如何在div元素上实现鼠标移动时显示坐标。

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

文字来源：http://www.smalluv.com/jquery_code_106.html

jQuery获取当前鼠标坐标位置：

<div id="testDiv">放在我上面</div> 

<script type="text/javascript"> 

$('#testDiv').mousemove(function(e) { 

var xx = e.originalEvent.x || e.originalEvent.layerX || 0; 

var yy = e.originalEvent.y || e.originalEvent.layerY || 0; 

$(this).text(xx + '---' + yy); 

}); 

</script>

经过测试，虽然是事件是写在某个div上面的，但是获取的光标位置还是以屏幕可见区域左上角为原点。

转载于:https://www.cnblogs.com/zhucheer/p/3213887.html