JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

 

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] オブジェクト(連想配列)の要素を削除する

オブジェクト(連想配列)の要素を削除するには deleteを使用します。 オブジェクト(連想配列)の要素を削除する 例) ...

[JavaScript] 定数を定義する(const)

JavaScriptで定数を定義するには、constを使用します。 ※ECMAScript6以降対応ブラウザで使用可能で ...

[JavaScript] 配列の全要素に処理を行った結果を返す(.map)

配列の全要素に処理を行った結果を返すには、.map()を使用します。 サンプルソース 例)配列の各要素を10倍した配列を ...

[JavaScript] 文字列中に指定した文字が出現する回数を取得する

文字列中に指定した文字が出現する回数を取得するサンプルです。 サンプル 例)引数に、文字列と指定文字を指定すると指定文字 ...

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

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

スポンサーリンク