JavaScript

[JavaScript] マウスが移動したイベントを取得する(onMouseMove)

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

マウスが移動したイベントを取得するには、onmousemoveを使用します。

サンプルソース

例)divタグ(id="area1")上でマウスが移動したら座標を表示する

実行サンプル

下の黄色い部分でマウスポインタを動かすと、座標が表示されます。

 

解説

  • ページ全体でマウス移動イベントを取得したい場合は、BODYタグにonmousemoveを指定します。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] Base64形式の画像データをcanvasに表示する

Base64形式の画像データをcanvasに表示するサンプルです。 サンプルソース 例)Base64文字列をcanvas ...

[JavaScript] フォームの二重送信を防止する

フォームの二重送信を防止するサンプルです。 ボタンを2回押したときに警告を表示するパターンと、 送信ボタンを使用不可にす ...

[JavaScript] 配列の並びを逆順にする(.reverse)

配列の並びを逆順にするには、.reverse()を使用します。 サンプルソース 例)配列「1,2,3,4,5」の並びを逆 ...

[JavaScript] オブジェクトのキーを全件取得する(for-in)

オブジェクトのキーを全件取得するには、for-in構文を使用します。 サンプル 例)オブジェクト(obj)のキーを全件表 ...

[JavaScript] 履歴の数を取得する(history.length)

履歴の数を取得するには、history.lengthを使用します。 サンプルソース 例)履歴の数を取得して、変数aに代入 ...

スポンサーリンク