jqueryでのfocusinとfocusoutの使い方の詳しい説明

jquery focusin メソッドと focusout メソッドの使用

focusin(fn)

概要

一致する各要素の focusin イベントに処理 関数をバインドします。
このイベントは、要素またはその中の要素がフォーカスを取得したときにトリガーされます。これと focus イベントの違いは、子要素が親要素のフォーカスを取得したかどうかを検出できることです。

パラメータ
fnFunction は、一致する各要素の focusin イベントにバインドされるハンドラー関数です。
例
説明:
アニメーションは、フォーカスの取得後にトリガーされます:

HTMLコード:

<p><input type="text" /> <span>focusout fire</span></p>
<p><input type="password" /> <span>focusout fire</span></p>jQuery 代码:
$("p").focusin(function() {
  $(this).find("span").css(&#39;
display
&#39;,&#39;inline&#39;).fadeOut(1000);
});

focusout(fn)
概要
一致する各要素のfocusoutイベントにハンドラー関数をバインドします。

このイベントは、要素またはその中の要素がフォーカスを失ったときにトリガーされます。これとブラー イベントの違いは、子要素が親要素のフォーカスを失ったことを検出できることです。

パラメータ
fnFunction は、一致する各要素の 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(&#39;display&#39;,&#39;inline&#39;).fadeOut(1000);
});

以上がjqueryでのfocusinとfocusoutの使い方の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。