HTML | DOM MouseEvent pageY 属性

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

句法 ：

event.pageY

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

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

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

  

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

  

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

  

输出：

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

支持的浏览器：

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