HTML | DOM MouseEvent offsetY 属性

MouseEvent offsetY 属性是一个只读属性，用于返回鼠标指针相对于目标元素的 y 坐标。

MouseEvent offsetY 属性返回一个数字，该数字表示鼠标指针相对于屏幕的垂直坐标（以像素为单位）。

句法 ：

event.offsetY

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

程序：找出鼠标指针相对于

元素的垂直坐标。

 
    MouseEvent offsetY Property in HTML 
     
    div
    {
        border:3px solid green;
        height:100px;
        width:500px;
    }
      
    h1 
    { 
        color:green; 
    } 
      
    h2
    {
        font-family: Impact;
    }
      
    body 
    { 
        text-align:center; 
    }
     

  

    GeeksforGeeks 
      
    MouseEvent offsetY Property
      
    
        Click inside the green box to get the 
        y-coordinate relative to the top edge.
     
      
    
      
    
        The y-coordinate, relative to the top edge 
        of the DIV element is: 
        
    
      
    
        function coord(event) 
        {
            var c = event.offsetY;
            document.getElementById("test").innerHTML = c;
        }
    

                                        

输出：

点击按钮后

支持的网络浏览器

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