JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

 

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 動的に追加したイベントを削除する(removeEventListener)

動的に追加したイベントを削除するには、removeEventListenerを使用します。 (動的にイベントを追加する方 ...

[JavaScript] 配列の最後の要素を取り出す(.pop)

配列の最後の要素を取り出すには、.pop()を使用します。 サンプルソース 例)配列の末尾の要素を取得する [crayo ...

[JavaScript] ページの横幅、高さ、スクロール量を取得する

ページの横幅、高さ、スクロール量を取得する書き方いろいろです。 サンプルソース ・ドキュメント系のサイズ [crayon ...

[JavaScript] フォームリセット時イベントを取得する(onReset)

フォームリセット時イベントを取得するには、onresetイベントハンドラを使用します。 サンプル 例)フォームリセット処 ...

[JavaScript] ページのURLを参照/設定する(document.location)

ページのURLを参照/設定するには、document.location を使用します。 サンプルソース 例)ボタンを押す ...

スポンサーリンク