JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

X座標: Y座標:

解説

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


スポンサーリンク

スポンサーリンク

-JavaScript
-, ,

執筆者:


comment

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

関連記事

[JavaScript] ラジオボタンのvalue値を取得する

ラジオボタンのvalue値を取得するサンプルです。 サンプル 例)ボタンを押すとラジオボタンname='grp1'のva ...

[JavaScript] 指定した年月の最終日を取得する

指定した年月の最終日を取得するサンプルです。 サンプル 例)2016年2月の最終日を取得する [crayon-5bcd4 ...

[JavaScript] コンソールにオブジェクトの中身をテーブル形式で出力する(console.table)

コンソールにオブジェクトの中身をテーブル形式で出力するには、console.tableを使用します。 サンプルソース 例 ...

[JavaScript] ブラウザの新規タブにopen.windowする

ブラウザの新規タブにopen.windowするには、 オプションを指定せずにopen.windowすればOKです。 サン ...

[JavaScript] 一定時間ごとに処理を実行する

一定時間ごとに処理を実行するサンプルです。 サンプル 例)1秒毎に現在時刻を表示する [crayon-5bcd46fda ...

スポンサーリンク