コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript

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

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

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

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

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

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

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

[JavaScript] ブロックスコープを定義する

JavaScriptでブロックスコープを定義する方法です。 ECMAScript5以前の環境では即時関数を使用しますが、 ...

[JavaScript] 要素の全プロパティをコンソールに出力する(console.dir)

要素の全プロパティをコンソールに出力するには、console.dirを使用します。 サンプルソース 例)要素(id="t ...

[JavaScript] サブウィンドウから親ウィンドウを参照する(window.opener)

サブウィンドウから親ウィンドウを参照するには、window.openerで参照できます。 サンプルソース 例)子画面(s ...

[JavaScript] パスワード用にランダムな文字列を生成する

ランダムな文字列を作成するサンプルです。 サンプルソース 例)半角英数字と一部記号からランダムな8桁文字列を生成する [ ...

スポンサーリンク