HTML | DOM MouseEvent clientX 属性

MouseEvent clientX属性是一个只读属性，用于在触发鼠标事件时根据当前窗口返回鼠标指针的水平坐标。

句法：

event.clientX

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

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

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

  

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

  

  
    GeeksforGeeks
    MouseEvent clientX Property
  
    To get the x of the mouse pointer,
      click on this paragraph. 
  
    
  
    
        function coord(event) {
            var getXCoord = event.clientX;
            var result = "X coordinate: " + getXCoord;
            document.getElementById("gfg").innerHTML = result;
        }
    
  

  

  
                   

输出：

点击段落后：

支持的网络浏览器：

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