event.pageX

The mouse position relative to the left edge of the document.

.event.pageX()🡢 Number

Show the mouse position relative to the left and top edges of the document (within this iframe).

JS
<div id="log"></div>
CSS
body {
  background-color: #eef;
}
div {
  padding: 20px;
}
HTML
$(document).on("mousemove", function (event) {
  $("#log").text("pageX: " + event.pageX + ", pageY: " + event.pageY);
});
DEMO

Looking for a Web Developer?

👋

Hi! I'm Basti, author of this site. If you are looking for a web developer with 15+ years of experience, holla at me!

Be it the good 'ol jQuery, vanilla JS or modern frameworks like Vue and Svelte, front- or backend, I can help you.

Just write me at jobs@jqapi.com :)