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