HTML | DOM MouseEvent pageX 属性

MouseEvent pageX属性是一个只读属性，用于在触发事件时返回鼠标指针的水平坐标。

句法：

event.pageX

返回值：它返回一个数字，以像素为单位表示鼠标指针的水平坐标。

下面的程序说明了 MouseEvent pageX 属性：

示例：在元素上单击鼠标按钮时，找出鼠标指针的水平坐标。

  

    MouseEvent pageX Property in HTML
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    MouseEvent pageX Property Property
  
    
      Click somewhere in the paragraph to get 
      the x(horizontal) coordinates of the 
      mouse pointer when it was clicked.
  
    
  
    
        function coord(event) {
            
            var x = event.pageX;
            var coords = "X coordinates: " + x;
            document.getElementById(
              "test").innerHTML = coords;
        }
    
  

  

输出：

• 点击按钮前：
  
• 点击按钮后
  

支持的浏览器：

• 歌剧
• IE浏览器
• 谷歌浏览器
• 火狐
• 苹果Safari