MouseEvent screenY Property
Get coordinates of the mouse pointer, relative to the screen, when the mouse button is clicked on an element:
var y = event.screenY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
More "Try it Yourself" examples below.
Definition and Usage
The screenY property returns the vertical coordinate (according to the users computer screen) of the mouse pointer when an event was triggered.
Tip: To get the horizontal coordinate (according to the screen) of the mouse pointer, use the screenX property.
Note: This property is read-only.
|Return Value:||A Number, representing the vertical coordinate of the mouse pointer, in pixels|
|DOM Version:||DOM Level 2 Events|
A demonstration of the differences between clientX and clientY and screenX and screenY:
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;
HTML DOM reference: MouseEvent screenX Property
HTML DOM reference: MouseEvent clientX Property
HTML DOM reference: MouseEvent clientY Property
HTML DOM reference: MouseEvent offsetX Property
HTML DOM reference: MouseEvent offsetY Property