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

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

イベント

JavaScriptでフォーカスの移動時に処理を行いたい

投稿日:2019年6月14日 更新日:

onfocus = ★ フォーカスが合ったとき
onblur = ★ フォーカスが離れたとき
★・・・実行する命令(関数や関数名)
マウスカーソルや[Tab]キーによってフォーカスが移動したときに発生するイベントです。ウィンドウやフレーム、フォーカスの要素に設定できます。

スポンサーリンク

onfocusイベント

フォーカスが合ったときに発生するイベントです。
// ドキュメント内にフォーカスが合ったとき、関数 msg() を実行します。
<body onfocus=”msg()”>

スポンサーリンク

onblurイベント

フォーカスが離れたときに発生するイベントです。
// form1 の最初のエレメントからフォーカスが離れたとき、関数 check を呼び出します。
document.form1.elements[0].onblur = check;
文例
// 入力フィールドがフォーカスされたら関数 myFunc1()、入力フィールドからフォーカスが離れたら関数 myFunc2() を呼び出します。
<input type=”text” name=”mail” size=”40″ onfocus=”myFunc1()” onblur=”myFunc2()”>

スポンサーリンク

-イベント
-

執筆者:


comment

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

関連記事

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

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

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

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

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

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

JavaScriptで読み込み時や移動時に処理を行いたい!

onload = ★ ページの読み込み時 onunload = ★ ページの切り替え時 ★・・・実行する命令(関数や関数名) ページの内容が完全に読み込まれたときやページの切り替え時に処理を実行したい …

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

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