MouseEvent: clientY 属性
基线 广泛可用
此功能已十分成熟,并在许多设备和浏览器版本中有效。它自 2015 年 7 月.
报告反馈
clientY
是 MouseEvent
接口的只读属性,它提供事件发生的应用程序 视窗 内的垂直坐标(与页面内的坐标相对)。
值
例如,单击视窗的顶部边缘将始终导致鼠标事件,其 clientY
值为 0
,无论页面是否垂直滚动。
示例
以像素为单位的 double
浮点值。
HTML
此示例在您触发
mousemove
事件时显示鼠标的坐标。<p>Move your mouse to see its position.</p>
<p id="screen-log"></p>
JavaScript
html
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}`;
}
js
规范
结果 |
---|
UI 事件 # 规范 |
浏览器兼容性
dom-mouseevent-clienty
另请参阅
MouseEvent
clientX
- 启用 JavaScript 以查看数据。
screenX
/screenY