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

関連記事

Category:
プログラミング
公開日:
更新日:
Pageviews:
40
Shares:
2
Tag:
JavaScript
コードレシピ