HTML | DOM MouseEvent screenX 属性

MouseEvent screenX属性用于在触发此事件时返回鼠标指针的水平坐标。它返回一个数字，表示鼠标指针相对于屏幕的水平距离（以像素为单位）。

MouseEvent screenX 属性是一个只读属性，它返回一个数字，该数字表示鼠标指针的水平坐标（以像素为单位）。

句法 ：

event.screenX

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

程序：当鼠标按钮在一个元素上点击时，找出鼠标指针相对于屏幕的水平坐标。

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

  

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

                                      

输出：

点击按钮后

支持的网络浏览器

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