Mouse move
html
JavaScript
Mouve your mouse here
<pre id="output"></pre>
<script>
let output = document.querySelector("#output");
output.parentElement.addEventListener("mousemove", function (e) {
output.innerText = "Compared to page => pageX: " + e.pageX + ", pageY: " + e.pageY + "\n" +
"Compared to window => clientX: " + e.clientX + ", clientY: " + e.clientY + "\n" +
"Compared to screen => screenX: " + e.screenX + ", screenY: " + e.screenY + "\n" +
"Compared to element => offsetX: " + e.offsetX + ", offsetY: " + e.offsetY + "\n" +
"Compared to page => layerX: " + e.layerX + ", layerY: " + e.layerY + "\n" +
"Compared to window => x: " + e.x + ", y: " + e.y + "\n" +
"Compared to before cursor position => movementX: " + e.movementX + ", movementY: " + e.movementY
});
</script>
Mouve your mouse here