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

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

语法

var pixelNumber = instanceOfMouseEvent.screenY

返回值

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

示例

这个例子展示了当触发 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}`;
}

结果

规范

Specification	Status	Comment
CSS Object Model (CSSOM) View Module screenY	Working Draft	Redefines MouseEvent from long to double.
Document Object Model (DOM) Level 3 Events Specification MouseEvent.screenY	Obsolete	No change from Document Object Model (DOM) Level 2 Events Specification.
Document Object Model (DOM) Level 2 Events Specification MouseEvent.sceenY	Obsolete	Initial definition

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

Feature	Edge	Firefox (Gecko)	Chrome	Internet Explorer	Opera	Safari
Basic support	(Yes)	(Yes)	(Yes)	6	(Yes)	(Yes)

Feature	Edge	Firefox Mobile (Gecko)	Android	IE Mobile	Opera Mobile	Safari Mobile
Basic support	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)

参见

• MouseEvent
• screenX
• clientX / clientY