Detaillierte Erläuterung der Verwendung von Focusin und Focusout in JQuery

Die Verwendung der Focusin- und Focusout-Methoden von jquery

focusin(fn)

Übersicht

Binden Sie eine Verarbeitungsfunktion an das Fokusereignis jedes passenden Elements.
Dieses Ereignis wird ausgelöst, wenn ein Element oder ein beliebiges Element darin den Fokus erhält. Der Unterschied zum Fokusereignis besteht darin, dass es erkennen kann, ob das untergeordnete Element den Fokus auf das übergeordnete Element erlangt hat.

Parameter
fnFunction ist die Handlerfunktion, die im Focusin-Ereignis jedes übereinstimmenden Elements gebunden ist.
Beispiel
Beschreibung:
Die -Animation wird ausgelöst, nachdem der Fokus erreicht wurde:

HTML-Code:

<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)
Übersicht
Binden Sie eine Handlerfunktion an das Focusout-Ereignis jedes passenden Elements.

Dieses Ereignis wird ausgelöst, wenn ein Element oder ein beliebiges Element darin den Fokus verliert. Der Unterschied zum Blur-Ereignis besteht darin, dass es erkennen kann, wenn das untergeordnete Element den Fokus auf das übergeordnete Element verliert.

Parameter
fnFunction ist die Handlerfunktion, die im Focusout-Ereignis jedes übereinstimmenden Elements gebunden ist.

Beispiel
Beschreibung:
Animation wird nach Fokusverlust ausgelöst:
HTML-Code:

<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);
});

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von Focusin und Focusout in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!