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 座標。
サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
◯:Support ✕:Not Support ?:未定義 n:以降の Version で Support

関連記事