MouseEvent screenX Property

The coordinates of the mouse pointer when the mouse button is clicked:

let x = event.screenX; // Horizontal
let y = event.screenY; // Vertical

More examples below.

Description

The screenX property returns the horizontal screen coordinate of the mouse pointer when a mouse event is triggered.

The screenX property is read-only.

event.screenX

Return Value:	A Number The horizontal screen pixel coordinate of the mouse pointer
DOM Version:	DOM Level 2 Mouse Events

The differences between screenX and screenY and clientX and clientY:

let sX = event.screenX;
let sY = event.screenY;
let cX = event.clientX;
let cY = event.clientY;

event.screenX is a DOM Level 2 (2001) feature.

It is fully supported in all browsers:


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11