Some concepts in JavaScript: Set clientX, clientY, offsetX, offsetY, screenX, and screenY clientX or obtain the x coordinates of the mouse pointer position relative to the client area of the window, the customer area does not include the control and scroll bar of the window.
ClientY sets or obtains the y coordinate of the mouse pointer position relative to the client area of the window. The client area does not include the control and scroll bar of the window.
OffsetX sets or gets the x coordinate of the cursor position relative to the (this) object of the trigger event.
OffsetY is used to set or obtain the y coordinate of the cursor position relative to the (this) object of the trigger event.
ScreenX is used to set or obtain the x coordinates of the cursor position relative to the user's screen.
ScreenY is used to set or obtain the y coordinate of the mouse pointer position relative to the user's screen.
X sets or obtains the x-pixel coordinates of the cursor position relative to the parent document.
Y sets or obtains the y pixel coordinate of the cursor position relative to the parent document.
Picture Source Network