MDN Web Docs

Value

A double floating point value in pixels.

Early versions of the spec defined this as an integer referring to the number of pixels.

Examples

This example displays your mouse's coordinates whenever you trigger the mousemove event.

HTML

html

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

JavaScript

js

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

Result

Specifications

Specification
Pointer Events
# dom-mouseevent-screeny

Browser compatibility

See also

Help improve MDN

Yes No

Learn how to contribute

This page was last modified on by MDN contributors.

Read the original on developer.mozilla.org ↗