MouseEvent clientX Property

The coordinates of the mouse pointer when clicked:

let x = event.clientX; // Horizontal
let y = event.clientY; // Vertical

More examples below.

Description

The clientX property returns the horizontal client coordinate of the mouse pointer when a mouse event occurs.

The clientX property is read-only.

The client area is the current window.

event.clientX

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

The coordinates of the mouse pointer while the mouse pointer moves:

let x = event.clientX;
let y = event.clientY;

The differences between clientX and clientY and screenX and screenY:

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

event.clientX 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