Rumah > Artikel > hujung hadapan web > jquery怎么知道鼠标停留在哪里
jquery怎么知道鼠标停留在哪里
- 青灯夜游asal
- 2022-05-23 16:49:431732semak imbas
方法：1、使用“$(document).mousemove(function(e){})”语句添加鼠标在网页的移动事件，并设置处理函数；2、在处理函数中，使用“e.pageX”和“e.pageY”语句动态获取鼠标停留位置的X和Y轴坐标即可。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
在jquery中，可以通过“pageX”和“pageY”属性来获取鼠标停留的位置。
pageX 属性是鼠标指针的位置，相对于文档的左边缘。
pageY属性是鼠标指针的位置，相对于文档的上边缘。
即：会返回的值就是鼠标在X轴和Y轴的位置。
不过单纯使用“pageX”和“pageY”属性获取的是静态位置，可以配合mousemove()一起使用，获取动态坐标。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(document).mousemove(function(e) {
$("span").text("X: " + e.pageX + ", Y: " + e.pageY);
});
});
</script>
</head>
<body>
<p>鼠标指针位于： <span></span></p>
</body>
</html>
【推荐学习：jQuery视频教程、web前端视频】
Atas ialah kandungan terperinci jquery怎么知道鼠标停留在哪里. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery怎么增加样式Artikel seterusnya：jquery怎么让光标消失