MouseEvent.screenY

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

语法

var pixelNumber = instanceOfMouseEvent.screenY

返回值

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

示例

这个例子展示了当触发 mousemove (en-US) 事件时鼠标的坐标。

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! (en-US)

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)

参见