JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

 

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] ブラウザの戻るボタン、次へボタンを実装する(history.back、history.forward)

javascriptでブラウザの履歴を操作するには、 window.history.back()、window.hist ...

[JavaScript] Function引数にデフォルト値を設定する

Function引数にデフォルト値を設定するサンプルです。 ※ECMAScript6対応ブラウザで使用できます。 サンプ ...

[JavaScript] スタイルをimportant指定する

JavaScriptでスタイル(CSS)を指定する時に、important指定をするサンプルです。 サンプルソース 例) ...

[JavaScript] JavaScriptファイルのキャッシュを使用しない方法

JavaScriptファイルのキャッシュを使用しない方法です。 解説 JavaScriptファイルを読み込むには、通常以 ...

[JavaScript] 乱数を取得する(Math.random)

乱数を取得するには、Math.random()を使用します。 このメソッドは0以上1未満の小数値を返すので、戻り値を取得 ...

スポンサーリンク