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

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

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

window.addEventListener("onmousemove", event => {
  console.log(event.clientX, event.clientY);
});

• event.clientX: ブラウザの左上を基準とした X 座標。
• event.clientY: ブラウザの左上を基準とした Y 座標。
• event.offsetX: 要素の左上を基準とした X 座標。
• event.offsetY: 要素の左上を基準とした Y 座標。
• event.pageX: ページの左上を基準とした X 座標。
• event.pageY: ページの左上を基準とした Y 座標。
• event.screenX: デバイスの左上を基準とした X 座標。
• event.screenY: デバイスの左上を基準とした Y 座標。