JavaScript HTML DOM screenY 鼠标事件属性

  • screenY 鼠标事件属性

    当触发事件时,screenY属性返回鼠标指针的垂直坐标(根据用户计算机屏幕)。
    提示:要获取鼠标指针的垂直坐标(根据屏幕),请使用screenX属性。
    注意:此属性是只读的。
    在元素上单击鼠标按钮时,获取鼠标指针相对于屏幕的坐标:
    var x = event.screenX;     // 获取水平坐标
    var y = event.screenY;     // 获取垂直坐标
    var coor = "X 坐标: " + x + ", Y 坐标: " + y;
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    screenY
    支持
    支持
    支持
    支持
    支持
  • 语法

    event.screenY
  • 技术细节

    项目 描述
    返回值: 一个数字,表示鼠标指针的垂直坐标,以像素为单位
    DOM版本 DOM Event Level 2
  • 更多例子

    演示了clientX和clientY以及screenX和screenY之间的区别:
    var cX = event.clientX;
    var sX = event.screenX;
    var cY = event.clientY;
    var sY = event.screenY;
    var coords1 = "client - X: " + cX + ", Y coords: " + cY;
    var coords2 = "screen - X: " + sX + ", Y coords: " + sY;
    
    尝试一下
  • 相关页面

    HTML DOM参考:MouseEvent clientX属性
    HTML DOM参考:MouseEvent clientY属性