如何在jQuery中获得鼠标指针的位置

在这篇文章中，我们将看到如何使用jQuery获得鼠标指针的位置。要获得鼠标指针的位置，需要使用event.pageX和event.pageY属性。event.pageX属性用于查找鼠标指针相对于文档左边缘的位置。event.pageY属性用于查找鼠标指针相对于文档顶部边缘的位置。

语法:

event.pageX
event.pageY

这里，我们使用on()方法为所选元素附加一个或多个事件处理程序，使用text()方法设置或返回元素的文本内容。

示例:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to get the Position of
        mouse pointer in jQuery?
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <script>
         $(document).ready(function () {$ (document).on("mousemove", function (event) {
                $("#GFG").text("Mouse Position (" 
                + event.pageX + ", " + event.pageY + ")");
            });
        });
    </script>
  
    <style>
        body {
            text-align: center;
        }
  
        h1 {
            color: green;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h3>
        How to get the Position of
        mouse pointer in jQuery?
    </h3>
  
    <div id="GFG"></div>
</body>
  
</html>

输出:

如何在jQuery中获得鼠标指针的位置？