MouseEvent pageY Property

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

let x = event.pageX; // Horizontal
let y = event.pageY; // Vertical

More examples below.

Description

The pageY property returns the document relative coordinate the mouse pointer when a mouse event occurs.

The pageY property is read-only.

The document is the web page.

event.pageY

Return Value:	A Number. The Y (vertical) pixel coordinate of the mouse pointer.
DOM Version:	DOM Level 4 Mouse Events.

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

let x = event.pageX;
let y = event.pageY;

The differences between pageX and pageY and screenX and screenY:

let pX = event.pageX;
let pY = event.pageY;
let sX = event.screenX;
let sY = event.screenY;

event.pageY is a DOM Level 4 (2015) feature.

It is supported in all modern browsers:


Chrome	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

event.pageY is not supported in Internet Explorer 11 (or earlier).