MouseEvent.screenX - Web API 接口参考 编辑

 screenX 是 MouseEvent 的只读属性，提供鼠标在全局（屏幕）中的水平坐标（偏移量）。

语法

var pixelNumber = instanceOfMouseEvent.screenX

返回值

一个双精度浮点值。早期版本的规范将该值定义为整数值的像素数。有关详细信息，请参见浏览器兼容性部分。

示例

这个例子展示了当触发 mousemove 事件时鼠标的坐标。

HTML

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

JavaScript

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}`;
}

结果

规范

浏览器兼容性

BCD tables only load in the browser

参见

• MouseEvent
• screenY
• clientX / clientY