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

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

イベント

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

投稿日:

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

スポンサーリンク

onmouseoverイベント

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

onmouseoutイベント

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

スポンサーリンク

-イベント
-

執筆者:


comment

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

関連記事

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

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

JavaScriptでサイズ変更時に処理を行いたい

onresize = ★ ★・・・実行する命令(関数や関数名) オブジェクトのサイズが変更されたときに発生するイベントです。サイズが変更されたときに処理を実行したい場合に使用します。ウィンドウやフレー …

JavaScriptでイベントが発生した位置を調べたい

★.x マウスのX座標を参照 ★.y マウスのY座標を参照 ★.clientX マウスの表示領域上のX座標を参照/設定 ★.clientY マウスの表示領域上のY座標を参照/設定 ★.pageX マウ …

JavaScriptで押されたキーのキーコードを取得したい

★.keycode キーコードを参照 ★・・・Eventオブジェクト 入力されたキーのキーコード(文字コード)を参照します。 // 押されたキーのキーコードをダイアログに表示します。 alert(ev …

JavaScriptでフォーム操作時に処理を行いたい

onchange = ★ 変更時 onselect = ★ 入力フィールド選択時 ★・・・実行する命令(関数や関数名) セレクトメニュー(select要素)やテキスト入力フィールド(textarea要 …