MouseEvent: clientY 属性

基线 广泛可用

此功能已十分成熟,并在许多设备和浏览器版本中有效。它自 2015 年 7 月.

报告反馈

clientYMouseEvent 接口的只读属性,它提供事件发生的应用程序 视窗 内的垂直坐标(与页面内的坐标相对)。

例如,单击视窗的顶部边缘将始终导致鼠标事件,其 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

另请参阅