MouseEvent: screenY 属性

基线 广泛可用

此功能已成熟,可在许多设备和浏览器版本上运行。它在所有浏览器中都可用,自 2015 年 7 月.

screenY 属性是 MouseEvent 接口的只读属性,它提供鼠标指针在 屏幕坐标 中的垂直坐标(偏移量)。

以像素为单位的 double 浮点数。

规范的早期版本将其定义为一个整数,指的是像素数量。

示例

此示例在您触发 mousemove 事件时显示您的鼠标坐标。

HTML

html
<p>Move your mouse to see its position.</p>
<p id="screen-log"></p>

JavaScript

js
let screenLog = document.querySelector("#screen-log");
document.addEventListener("mousemove", logKey);

function logKey(e) {
  screenLog.innerText = `
    Screen X/Y: ${e.screenX}, ${e.screenY}
    Client X/Y: ${e.clientX}, ${e.clientY}`;
}

结果

规范

规范
UI 事件
# dom-mouseevent-screeny

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅