clientY
只读特性在
MouseEvent
interface provides the vertical coordinate within the application's client area at which the event occurred (as opposed to the coordinate within the page).
For example, clicking on the top edge of the client area will always result in a mouse event with a
clientY
value of
0
, regardless of whether the page is scrolled vertically.
var y = instanceOfMouseEvent.clientY
A
double
floating point value, as redefined by the CSSOM View Module. Originally, this property was defined as a
long
integer. 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}`;
}
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
clientY
|
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