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] 画面のサイズを変更する(resizeTo、resizeBy)

画面のサイズを変更するにはresizeToまたはresizeByを使用します。 resizeToとresizeByの違い ...

[JavaScript] 指定した数値の中で一番大きな(小さな)数値を取得する

指定した数値のなかで一番大きい(小さい)数値を取得するサンプルです。 サンプルソース 数値は配列に格納されているものとし ...

[JavaScript] 条件がfalseの場合のみコンソールに出力する(console.assert)

条件がfalseの場合のみコンソールに出力するには、console.assertを使用します。 サンプルソース 例)co ...

[JavaScript] セレクトボックスの選択を位置付ける

セレクトボックスの選択を位置付けるサンプルです。 インデックス番号で位置付ける方法と、value値で位置付ける方法の2種 ...

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

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

スポンサーリンク