マウスカーソルの絶対座標を取得

マウスカーソルの絶対座標を取得するには、イベントオブジェクトのevent.pageXプロパティまたはevent.pageYプロパティを使用します。
水平(左右)の座標はevent.pageXプロパティ、垂直(上下)の座標はevent.pageYプロパティでそれぞれ取得できます。

  • ※ IE8以下には対応していません。

デモ

-

構文

サンプルコード

JavaScript

サンプルコードではclickイベントで取得していますが、mousemoveイベントなどマウス操作に関するイベントで取得でき、それ以外のイベントでは取得することができません。(例えばページ読み込み時など)

JavaScript逆引きリファレンス一覧へ戻る