Live Mouse Position Tracker
Track your mouse cursor position and click coordinates in real time.
How to use this tool
- Open this page — it runs instantly in your browser, no signup or install.
- Allow any permission prompt if asked; everything stays on your device.
- Use the on-screen controls — results update live.
Track your mouse cursor position and click coordinates in real time.
How it works
The Live Mouse Position Tracker listens to mouse events on the page and displays the cursor's X and Y pixel coordinates in real time as you move the mouse. Coordinates are reported relative to the top-left corner of the browser viewport, so X=0, Y=0 is the top-left pixel of the visible page area.
When you click anywhere on the tracker canvas the tool also records and displays the click coordinates separately so you can capture an exact position without holding the cursor still.
This is useful for web developers verifying element positions, designers checking pixel alignment, and anyone troubleshooting input issues on a touchpad or mouse.
All tracking is local to your browser tab. No cursor data is transmitted anywhere.
Worked example
Find the exact pixel position of a UI element corner
- Open the Mouse Position Tracker.
- Move your cursor slowly toward the element corner you want to measure.
- Watch the X and Y coordinates update as you approach it.
- Click precisely on the corner to lock the coordinates in the click display.
- Note down the X and Y values.
The exact viewport pixel coordinates of the element corner, useful for CSS positioning or screenshot annotation.
Common mistakes to avoid
- Expecting screen-level coordinates for OS automation — this tool reports browser-viewport coordinates, not absolute screen pixel positions.
- Scrolling the page before reading click coordinates, which changes the viewport position and makes numbers hard to compare.
- Moving the cursor after clicking and missing the locked click coordinates displayed below the live tracker.
Key terms
- Viewport coordinates
- Pixel positions measured from the top-left corner of the visible browser window area, not from the top of the full page.
- mousemove event
- A browser event that fires every time the mouse cursor moves, providing the current X and Y position.
- Click event
- A browser event that fires when the user presses and releases a mouse button, capturing the position at the moment of the click.
Frequently asked questions
- What is the difference between clientX and pageX?
- clientX/clientY are relative to the viewport. pageX/pageY include scroll offset, so they differ when the page is scrolled.
- What is screenX?
- screenX/screenY give the position relative to your physical monitor, not the browser window.