screenX
只读特性在
MouseEvent
interface provides the horizontal coordinate (offset) of the mouse pointer in global (screen) coordinates.
var x = instanceOfMouseEvent.screenX
A
double
floating point value. Early versions of the spec defined this as an integer referring to the number of pixels. See the "Browser compatibility" section for details.
This example displays your mouse's coordinates whenever you trigger the
mousemove
事件。
<p>Move your mouse to see its position.</p> <p id="screen-log"></p>
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}`;
}
When you trap events on the window, document, or other roomy elements, you can get the coordinates of that event (e.g., a click) and route it properly, as the following example demonstrates:
function checkClickMap(e) {
if (e.screenX < 50) doRedButton();
if (50 <= e.screenX && e.screenX < 100) doYellowButton();
if (e.screenX >= 100) doRedButton();
}
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
screenX
|
Chrome Yes | Edge 12 | Firefox Yes | IE 9 | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
Value type changed from
long
to
double
|
Chrome 56 | Edge ≤79 | Firefox ? | IE ? | Opera ? | Safari ? | WebView Android 56 | Chrome Android 56 | Firefox Android ? | Opera Android ? | Safari iOS ? | Samsung Internet Android 6.0 |
完整支持
兼容性未知
MouseEvent