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

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

句法：

event.pageX
event.pageY

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

例子：

HTML

  

    
        How to get the Position of
        mouse pointer in jQuery?
    
  
    
    
  
    
        $(document).ready(function () {
            $(document).on("mousemove", function (event) {
                $("#GFG").text("Mouse Position (" 
                + event.pageX + ", " + event.pageY + ")");
            });
        });
    
  
    
        body {
            text-align: center;
        }
  
        h1 {
            color: green;
        }
    

  

    GeeksforGeeks
  
    
        How to get the Position of
        mouse pointer in jQuery?
    
  
    

  

输出：