HTML | DOM MouseEvent clientY 属性

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

句法 ：

event.clientY

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

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

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

  

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

  

  
    GeeksforGeeks
    MouseEvent clientY Property
  
    
        To get the y coordinates of the mouse pointer,
        click on this paragraph. 
  
    
  
    
        function coord(event) {
            var getYcoord = event.clientY;
            var result = "Y coordinate: " + getYcoord;
            document.getElementById("gfg").innerHTML = result;
        }
    
  

  

  
                                 

输出：

点击按钮后

支持的网络浏览器：

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