現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

イベント

JavaScriptでマウスオーバー時に処理を行いたい

投稿日:

onmouseover = ★ マウスオーバー時
onmouseout = ★ マウスカーソルが離れたとき
★・・・実行する命令(関数や関数名)
マウスカーソルがオブジェクト上に重なったとき、またはオブジェクトから離れたときに発生するイベントです。ページ上のほとんどの要素に利用することができます。

スポンサーリンク

onmouseoverイベント

オブジェクト上にマウスカーソルが重なったときに発生するイベントです。
// リンク上にマウスカーソルが重なったら、関数 mover() を呼び出します。
<a href=”javascript:void(0)” onmouseover=”mover()”>

onmouseoutイベント

オブジェクトからマウスカーソルが外れたときに発生するイベントです。
// 最初のリンクからマウスカーソルが離れたら、関数 msg を呼び出します。
document.links[0].onmouseout = msg;

スポンサーリンク

-イベント
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

JavaScriptでイベントの情報を取得したい

★.target ★.type ★・・・Eventオブジェクト targetプロパティ 画像やフォームエレメントなど、イベントの発生元となるオブジェクトを返します。 スポンサーリンク typeプロパテ …

JavaScriptでフォームのリセット時に処理を行いたい

onreset = ★ フォームリセット時 ★・・・実行する命令(関数や関数名) フォームがリセットされたときに発生するイベントです。実行する命令の戻り値がfalseの場合はリセットを行いません。 ス …

JavaScriptでキー操作によって処理を行いたい

onkeydown = ★ キーが押されたとき onkeypress = ★ キーが押されているとき onkeyup = ★ キーが離されたとき ★・・・実行する命令(関数や関数名) キーの操作状態に …

JavaScriptで画像が読み込めないときに処理を行いたい

onabort = ★ 画像の読み込み中断時 onerror = ★ 画像の読み込み失敗時 ★・・・実行する命令(関数や関数名) 画像が読み込めない場合に発生するイベントです。読み込めない画像の有無を …

JavaScriptでフォームの送信時に処理を行いたい

onsubmit = ★ フォーム送信時 ★・・・実行する命令(関数や関数名) フォームが送信されたときに発生するイベントです。実行する命令の戻り値がfalseの場合は送信を行いません。 スポンサーリ …