JS's clientx,clienty,screenx,screeny,offsetx,offsety

1. ClientX: When a mouse event occurs (either onclick, omousemove,onmouseover, etc.), the mouse is positioned relative to the x-axis of the browser (which is said to be the active area of the browser);
2. ClientY: When a mouse event occurs, the mouse is positioned relative to the y-axis of the browser (which is what it says is the active area of the browser);
3. ScreenX: The position of the mouse relative to the x-axis of the display screen when the mouse event occurs;
4. ScreenY: The position of the mouse relative to the y-axis of the display screen when the mouse event occurs;
5. OffsetX: When a mouse event occurs, the position of the mouse relative to the x-axis of the event source
6. OffsetY: The position of the mouse relative to the y-axis of the event source when a mouse event occurs

JS's clientx,clienty,screenx,screeny,offsetx,offsety