jQuery | event.pageX 属性与示例

event.pageX是 jQuery 中的一个内置属性，用于查找鼠标指针相对于文档左边缘的位置。
句法：

event.pageX

参数：它不接受任何参数，因为它是一个属性而不是一个函数。
返回值：返回鼠标指针相对于文档左边缘的位置。
显示 event.pageX 属性工作的 jQuery 代码：
代码#1：
在下面的代码中，显示了鼠标指针的左上角位置。

  

    
    
    
        <!-- jQuery code to demonstrate the x-coordinate of mouse pointer-->
        $(document).ready(function() {
            $(document).mousemove(function(event) {
                $("span").text("X= " + event.pageX);
            });
        });
    

  

    
    X co-ordinate position of the mouse-pointer is : 

  

输出：

代码#2：
在下面的代码中，显示了鼠标指针的右上角位置。

  

    
    
    
        <!-- jQuery code o demonstrate the mouse pointer position -->
        $(document).ready(function() {
            $(document).mousemove(function(event) {
                $("span").text("X= " + event.pageX);
            });
        });
    

  

    
    X co-ordinate position of the mouse-pointer is : 

  

输出：