HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>layerY — prefer</title>
</head>
<body>
  <p>Click anywhere.</p>
  <pre id="out">Waiting…</pre>
  <script>
    function pointerY(event, mode) {
      if (mode === "client") return event.clientY;
      if (mode === "offset") return event.offsetY;
      return event.pageY;
    }
    document.addEventListener("mousedown", function (e) {
      document.getElementById("out").textContent = JSON.stringify({
        page: pointerY(e, "page"),
        client: pointerY(e, "client"),
        offset: pointerY(e, "offset"),
        layerY: e.layerY
      }, null, 2);
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

MouseEvent.layerY — prefer standard coords (Try It)