JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

 

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 文字色と背景色を変更する

JavaScriptで文字色と背景色を変更するサンプルです。 サンプルソース 例)id="target"要素の文字色を白 ...

[JavaScript] 要素にclassを追加・削除する(classList)

JavaScriptで、要素にclassを追加・削除するサンプルです。 サンプルソース 例)要素にclassを追加・削除 ...

[JavaScript] 選択されたセレクトボックスのラベルを取得する

選択されたセレクトボックスのラベル(表示されているテキスト)を取得するサンプルです。 サンプルソース 例)ボタンを押すと ...

[JavaScript] 遷移元ページのURLを取得する

JavaScriptで遷移元ページのURLを取得するサンプルです。 サンプルソース 例)遷移元ページのURLを取得する ...

[JavaScript] ボタンにclickイベントを設定する

ボタンにclickイベントを設定するサンプル2パターンのサンプルです。 サンプルソース 例1)ボタンタグにonclick ...

スポンサーリンク