コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript

[JavaScript] マウスポインタの座標を取得する

投稿日:2016年11月20日 更新日:

マウスポインタの座標位置をリアルタイムで取得するサンプルです。

サンプルソース

例)マウスを動かすとリアルタイムでX座標とY座標の位置を表示する

実行サンプル

マウスを動かすと以下にポインタの座標が表示されます。

X座標: Y座標:

解説

  • マウスポインタ座標は、mousemoveイベント引数のpageX、pageYで取得できます。
  • ページ全体で座標を取得したい場合は、BODYタグにmousemoveイベントを設定します。
  • 特定のタグ内で座標を取得したい場合は、対象のタグにmousemoveイベントを設定します。
  • jQuery版は、以下ページをご覧ください。
    [jQuery] マウスポインタの座標を取得する


スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] フォーマットを指定して日付を表示する

JavaScriptには日付をフォーマット指定して表示する関数が無いので、日付オブジェクトから年月日時分秒を取り出して整 ...

[JavaScript] ランダムに画像を表示する

ランダムに画像を表示するサンプルです。 ボタンを押すと以下3つの画像がランダムで表示されます。 サンプルソース 例)ボタ ...

[JavaScript] 要素のidを変更する

JavaScriptで要素のidを変更することができます。 サンプル 例)ボタンを押すとid="aaa"をid="bbb ...

[JavaScript] 四則演算を行う

JavsScriptでの四則演算のサンプルです。 サンプル 例)四則演算のサンプル [crayon-5b28f340be ...

[JavaScript] ダブルクリック イベントを取得する(onDblClick)

ダブルクリックイベントを取得するには、ondblclickイベントハンドラを使用します。 サンプルソース 例)ボタンをダ ...

スポンサーリンク