The screenX and screenY properties returns the x (horizontal) and y (vertical) coordinates of the window relative to the screen.
What is clientX?
Definition and Usage. The clientX property returns the horizontal coordinate (according to the client area) of the mouse pointer when a mouse event was triggered. The client area is the current window.
What is pageX and pageY?
pageX , pageY , screenX , screenY , clientX , and clientY returns a number which indicates the number of physical “CSS pixels” a point is from the reference point. These properties return the horizontal and vertical distance from that reference point.
The MouseEvent clientX property is a read-only property which is used to return the horizontal coordinate of the mouse pointer based on the current window when a mouse event was triggered. Syntax: event.clientX.
Which event occurs when the user clicks on an HTML element?