JavaScript

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

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

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

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

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] 文字を太字にする

JavaScriptで文字を太字にするサンプルです。 サンプル 例)ボタンを押すごとにid="target"要素の文字の ...

[JavaScript] 子要素の件数を取得する(.childElementCount)

子要素の件数を取得するには、.childElementCountを使用します。 サンプルソース 例)リストの数を取得する ...

[JavaScript] 三角関数を使用する

JavaScriptで三角関数を使用するサンプルです。 サンプル 例)30度のサイン(正弦)を求める [crayon-5 ...

[JavaScript] テキストボックスにフォーカスを当てた時に全選択状態にする

テキストボックスにフォーカスを当てた時に全選択状態にするには、select()を使用します。 サンプル 例)フォーカスを ...

[JavaScript] テキストボックスの初期値を取得する

テキストボックスなどの初期表示時に設定されていた値を取得するには、 defaultValueを使用します。 サンプルソー ...

スポンサーリンク