jQuery event.pageY属性返回鼠标指针相对于文档顶部的Y坐标。该属性通常用于在鼠标事件处理程序中获取鼠标指针的位置。
以下是jQuery event.pageY属性的详细攻略：
语法
event.pageY
参数
无
示例1：获取鼠标指针的位置
以下示例演示了如何使用jQuery event.pageY属性获取鼠标指针的位置：
<!DOCTYPE html>
<html>
<head>
<title>jQuery event.pageY Property</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="myDiv" style="height: 2000px;"></div>
<script>
$(document).on('mousemove', function(event) {
var y = event.pageY;
$('#myDiv').text('Mouse Y position: ' + y);
});
</script>
</body>
</html>
在上述示例中，我们创建了一个div元素，并在文档上绑定了一个mousemove事件。在事件处理程序中，我们使用jQuery event.pageY属性获取鼠标指针的Y坐标，并将其显示在div元素中。
示例2：在鼠标点击事件中获取鼠标指针的位置
以下示例演示了如何在鼠标点击事件中使用jQuery event.pageY属性获取鼠标指针的位置：
<!DOCTYPE html>
<html>
<head>
<title>jQuery event.pageY Property</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="myDiv"></div>
<script>
$(document).on('click', function(event) {
var y = event.pageY;
$('#myDiv').text('Mouse Y position: ' + y);
});
</script>
</body>
</html>
在上述示例中，我们在文档上绑定了一个click事件，并在事件处理程序中使用jQuery event.pageY属性获取鼠标指针的Y坐标，并将其显示在div元素中。
注意事项
jQuery event.pageY属性只能在鼠标事件处理程序中使用。jQuery event.pageY属性返回的是相对于文档顶部的Y坐标，而不是相对于浏览器窗口的Y坐标。如果需要获取相对于浏览器窗口的Y坐标，请使用event.clientY属性。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery event.pageY属性 - Python技术站
微信扫一扫 
支付宝扫一扫 