ClientX and ClientY: Mouse Events

Client X and ClientY are used to get specific coordinates within your webpage What they are:



Client X: The horizontal coordinate at which the event occured relative to the viewport associated with the event.

Client Y: The vertical coordinate at which the event occured relative to the viewport associated with the event.

Demos:

Using Client X/Y Mouse Over Event to get Coordinates within window

Using Client X/Y Mouse Over event to get coordinates within window

Example:

Example of way to use Client X/Y in your own website