JavaScript - マウスの座標を取得する

マウスの座標を取得する: onmousemove

onmousemove イベントは、マウスのポインターを動かすと発生します。

window.addEventListener("onmousemove", event => {
  console.log(event.clientX, event.clientY);
});
onmousemove イベント
  • event.clientX: ブラウザの左上を基準とした X 座標。
  • event.clientY: ブラウザの左上を基準とした Y 座標。
  • event.offsetX: 要素の左上を基準とした X 座標。
  • event.offsetY: 要素の左上を基準とした Y 座標。
  • event.pageX: ページの左上を基準とした X 座標。
  • event.pageY: ページの左上を基準とした Y 座標。
  • event.screenX: デバイスの左上を基準とした X 座標。
  • event.screenY: デバイスの左上を基準とした Y 座標。