このサンプルは、jQueryのblur()イベントハンドラを利用してテキストボックスがフォーカスを喪失したとき背景色を「白」に書き換えます。サンプルのテキストボックスをクリックすると背景色が「黄」に変わります。別のテキストボックスにカーソルを移動すると直前のテキストボックスの背景色がデフォルトの「白」に戻ります。
blur(fn)
ここでは、input(text)要素にフォーカス喪失時のイベントハンドラを登録しています。このイベントハンドラでは、css()APIを実行してinput(text)要素の背景色を「白」に書き換えます。
$("input").blur(function() {
$(this).css("background-color", "white");
});
<label for="txtName">Name:</label>
<input type="text" name="txtName" />
<br />
<label for="txtEmail">Email:</label>
<input type="text" name="txtEmail" />
このサンプルは、jQueryのblur()イベントハンドラを利用してテキストボックスがフォーカスを喪失したとき背景色を「白」に書き換えます。サンプルのテキストボックスをクリックすると背景色が「黄」に変わります。別のテキストボックスにカーソルを移動すると直前のテキストボックスの背景色がデフォルトの「白」に戻ります。
blur(fn)
ここでは、input(text)要素にフォーカス喪失時のイベントハンドラを登録しています。このイベントハンドラでは、css()APIを実行してinput(text)要素の背景色を「白」に書き換えます。
$("input").blur(function() {
$(this).css("background-color", "white");
});
<label for="txtName">Name:</label>
<input type="text" name="txtName" />
<br />
<label for="txtEmail">Email:</label>
<input type="text" name="txtEmail" />