ホームページ > 記事 > ウェブフロントエンド > jQuery focusout イベントの使用と定義
概要
ハンドラー関数を、一致する各要素の focusout イベントにバインドします。
このイベントは、要素またはその中の要素がフォーカスを失ったときにトリガーされます。これとブラー イベントの違いは、子要素が親要素のフォーカスを失ったことを検出できることです。
Parameters
fnFunctionV1.0
一致する各要素の focusout イベントにバインドされたハンドラー関数。
[data],fnString,FunctionV1.4.3
data:focusout([Data], fn) は、関数 fn が処理するデータを渡すことができます。
fn: 一致する各要素の focusout イベントにバインドされるハンドラー関数。
例
説明:
フォーカスを失った後にアニメーションがトリガーされます:
HTML コード:
<p><input type="text" /> <span>focusout fire</span></p> <p><input type="password" /> <span>focusout fire</span></p>
jQuery コード:
$("p").focusout(function() { $(this).find("span").css('display','inline').fadeOut(1000); });
例
dc6dce4a544fdca2df29d5ac0ea9906b 要素またはその子要素のいずれかがフォーカスを失い、 dc6dce4a544fdca2df29d5ac0ea9906b 要素の背景色を設定します:
$("div").focusout(function(){ $(this).css("background-color","#FFFFFF"); });
定義と使用法
focusout イベントは、要素 (またはその中の任意の要素) がフォーカスを失ったときに発生します。
focusout() メソッドは、要素または要素内の任意の要素で focusout イベントが発生したときに実行する関数を追加します。
blur() メソッドとは異なり、子要素がフォーカスを失ったときに focusout() メソッドもトリガーされます。
ヒント: このメソッドは通常、focusin() メソッドと一緒に使用されます。
以上がjQuery focusout イベントの使用と定義の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。