HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>MouseEvent.y — follow</title>
  <style>
    #tip {
      position: fixed;
      left: 0;
      top: 0;
      padding: 4px 8px;
      background: #111;
      color: #fff;
      font: 14px sans-serif;
      pointer-events: none;
    }
  </style>
</head>
<body>
  <p>Move the mouse. The tip uses event.x / event.y.</p>
  <div id="tip">—</div>
  <script>
    var tip = document.querySelector("#tip");
    document.addEventListener("mousemove", function (e) {
      tip.style.left = e.x + 12 + "px";
      tip.style.top = e.y + 12 + "px";
      tip.textContent = e.x + ", " + e.y;
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

MouseEvent.y — follow pointer (Try It)