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()”>