JavaScript

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

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

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

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

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] 例外処理

例外処理のサンプルです。 例外処理の構文 例外処理の構文と書き方サンプルです。 (構文) try{  //例外が発生する ...

[JavaScript] ページのURLとドメインを取得する

Javascriptを使って、ページのURLとドメインを取得するサンプルです。 サンプルソース 例)ページのURLとドメ ...

[JavaScript] 埋め込み文字を使う

JavaScriptで埋め込み文字(埋め草文字)を使うサンプルです。 ※ECMAScript6対応ブラウザ以降で使用可で ...

[JavaScript] 絶対指定でページをスクロールする(window.scrollTo)

JavaScriptで指定位置までページを移動させるには、window.scrollToを使用します。 構文 (wind ...

[JavaScript] 四則演算を行う

JavsScriptでの四則演算のサンプルです。 サンプル 例)四則演算のサンプル [crayon-5c16d60ddc ...

スポンサーリンク