JavaScript

[JavaScript] マウスポインタが触れた/離れたイベントを取得する(onMouseOver, onMouseOut)

投稿日:2016年10月22日 更新日:

オブジェクトにマウスポインタが触れたイベントを取得するにはonmouseover
マウスポインタが離れたイベントを取得するにはonmouseoutを使用します。

マウスポインタが触れた/離れたイベントを取得する

例)divタグにマウスポインタが触れた時と離れた時に文字を変える

実行サンプル

下の黄色い部分にマウスポインタが当たっている時のみ文字が変わります。

ここにマウスポインタを当ててください。

解説

  • ポインタが当たった瞬間と外れた瞬間のみイベントが発生します。

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] ボタンクリックイベントを強制的に起こす

ボタンクリックイベントをJavaScriptから強制的に発生させるには、 ボタンオブジェクトのclick()を呼び出しま ...

[JavaScript] ステータスバーにメッセージを表示する

ステータスバーにメッセージを表示するサンプルです。 サンプルソース 例)ステータスバーに「メッセージです。」と表示する ...

[JavaScript] ブラウザの「お気に入りの追加」ボタンを実装する

ブラウザの「お気に入りの追加」ボタンを実装するには、 window.external.AddFavoriteを使用します ...

[JavaScript] 画像オブジェクトを取得する

画像オブジェクトを取得する方法です。 サンプルソース 例)画像(id="neko")オブジェクトを取得する [crayo ...

[JavaScript] オブジェクトが空かどうか判定する

オブジェクトが空かどうか判定するサンプルfunctionです。 サンプルソース 例)オブジェクトが空の場合はtrueを返 ...

スポンサーリンク