Get coordinates of the mouse pointer, relative to the screen, when the mouse button is clicked on an element:
The result of coor could be:
More "Try it Yourself" examples below.
The screenX property returns the horizontal coordinate (according to the users computer screen) of the mouse pointer when an event was triggered.
Tip: To get the vertical coordinate (according to the screen) of the mouse pointer, use the screenY property.
Note: This property is read-only.
|Return Value:||A Number, representing the horizontal 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:
HTML DOM reference: MouseEvent screenY Property
HTML DOM reference: MouseEvent clientX Property
HTML DOM reference: MouseEvent clientY Property