JavaScriptでマウスの座標を取得

javascript

マウスの座標は原点をどことするかで値が変わってくる。

  • スクリーン（PC画面）の左上（screenX/Y）
  • ブラウザで表示されている領域の左上（clientX/Y）
  • 表示されているページの左上（pageX/Y）
  • イベント発生元要素の左上（offsetX/Y）

参考書籍にはoffsetX/Yはfirefoxで対応していない、とあったが今は対応しているようだ。
developer.mozilla.org


See the Pen eventarg2 by tamoriinu (@yokoyama) on CodePen.