JavaScript

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

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

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

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

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


  1. […] [参考][JavaScript] マウスポインタが触れた/離れたイベントを取得する(onMouseOver, o… [参考]JavaScript 要素を表示/非表示にするサンプル(displayとvisibility) [参考]position:relativeとposition:absoluteで画像や文字を重ねてみよう [参考]jQuery【 CSS 】display を使用した表示・非表示に関するサンプル [参考]【JavaScript】マウスオーバー(ホバー)をトリガーにしたイベント […]

comment

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

関連記事

[JavaScript] 自然対数の底eの累乗を求める(Math.exp)

自然対数の底eの累乗を求めるには、Math.exp()を使用します。 構文 (自然対数の底eのa乗を求める) var x ...

[JavaScript] イベント処理を中断する(.preventDefault)

イベント処理を中断するには、.preventDefault()を使用します。 サンプルソース 例)テキストボックスでbキ ...

[JavaScript] 日付を和暦で表示する

日付を和暦で表示するサンプルです。 toLocaleDateStringを使う方法 toLocaleDateString ...

[JavaScript] フォームリセット時イベントを取得する(onReset)

フォームリセット時イベントを取得するには、onresetイベントハンドラを使用します。 サンプル 例)フォームリセット処 ...

[JavaScript] フォーム部品のDisable/Enableを切り替える

テキストボックスやボタンなどのDisable/Enableを切り替えるサンプルです。 サンプルソース 例)ボタンを押すた ...

スポンサーリンク