JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

X座標: Y座標:

解説

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


スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

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

関連記事

[JavaScript] 指定した年が閏年かどうか判定する

指定した年が閏年かどうかを判定するファンクションサンプルです。 サンプル 例)引数に渡した年が閏年であればtrue、異な ...

[JavaScript] Functionの引数を番号で参照する

Functionの引数を番号で参照するサンプルです。 通常引数の値を使う時は、引数に定義した名称を使用しますが、引数の何 ...

[JavaScript] ディスプレイのサイズを取得する(screen.width、screen.height)

ディスプレイのサイズ(画面解像度)を取得するには、 screen.width、screen.height を使用します。 ...

[jQuery] 画像アップロード時にプレビュー表示する(imageタグ版)

画像アップロード時にプレビュー表示するサンプルです。 サンプルソース 例)画像を指定すると画像をプレビュー表示する [c ...

[JavaScript] 4~12,1~3 ⇔ 1~12 を相互に変換するサンプル

4~12,1~3 ⇔ 1~12 を相互に変換するサンプルです。 サンプルソース 例)4~12,1~3 ⇒ 1~12に変換 ...

スポンサーリンク