jQuery event.pageY属性

jQuery event.pageY是一个内置的属性，用于查找鼠标指针相对于文档顶部边缘的位置。

语法:

event.pageY

参数：它不接受任何参数，因为它是一个属性而不是一个函数。

jQuery的例子显示event.pageY属性的工作：

例子1：在下面的代码中，鼠标指针的左下角位置被显示。

<!DOCTYPE html>
<html>
  
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <script>
        < !--jQuery code to demonstrate the x - coordinate of mouse pointer-- >
            (document).ready(function () {
                (document).mousemove(function (event) {
                    $("span").text(event.pageY);
                });
            });
    </script>
</head>
  
<body>
    <!-- bottom left position of the pointer will show here -->
    <p>
        Y co-ordinate position of the mouse-pointer is : 
        <span></span>
    </p>
</body>
  
</html>

输出:

jQuery event.pageY属性

例子2：在下面的代码中，鼠标指针的左上角位置被显示。

<!DOCTYPE html>
<html>
  
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    
    <script>
        < !--jQuery code to demonstrate the mouse pointer position-- >
            (document).ready(function () {
                (document).mousemove(function (event) {
                    $("span").text(event.pageY);
                });
            });
    </script>
</head>
  
<body>
    <!-- top left position of the pointer will show here -->
    <p>
        Y co-ordinate position of the mouse-pointer is : 
        <span></span>
    </p>
</body>
  
</html>