event.screenY is a read-only number: the vertical pointer position in screen coordinates (CSS pixels from the top of the screen) (MDN).
Read the notes below before you rely on this property. Prefer feature detection when support is limited.
Use event.screenY. Start with this line.
event.screenY| Call | What it does |
|---|---|
event.screenY | Primary signature. |
Built into the browser. Read event.screenY on a MouseEvent — no import required.
event.screenYThis member has no parameters beyond those shown in the signature.
| Return Value | Description |
|---|---|
| * | double px (CSS pixels) |
screenY on MoveMDN-style: update a log whenever the pointer moves.
const log = document.getElementById("screen-log");
document.addEventListener("mousemove", (e) => {
log.textContent = `screenY: ${e.screenY}`;
});mousemove. Fires as the pointer moves.screenY. Vertical px from the screen top.double in modern engines (MDN).screenY vs clientYSame pointer, two origins: screen vs viewport.
document.addEventListener("mousemove", (e) => {
console.log("screenY:", e.screenY);
console.log("clientY:", e.clientY);
console.log("pageY:", e.pageY);
// screenY usually differs from clientY unless the window is flush to the screen top
});screenY. From the monitor’s top edge.clientY. From the viewport’s top edge.pageY. Document Y (adds scroll).screenY changes relative to clientY.screenXBuild { x, y } in screen space.
el.addEventListener("click", (e) => {
const point = { x: e.screenX, y: e.screenY };
console.log(point);
// { x: 640, y: 360 } (example values)
});screenX + screenY.MouseEvent.offsetY for drawing inside a canvas/box.MouseEvent.screenY is marked Baseline Widely available on MDN (since July 2015).
Read-only vertical mouse position in screen (monitor) coordinates. Pair with screenX. Not Deprecated, Experimental, or Non-standard.
Bottom line: Safe everyday DOM API. See the MDN screenY reference.
Check whether the Shift key was pressed for the mouse event.
9 people found this page helpful