Die Verwendung und Definition des jQuery-Focusout-Ereignisses

Ü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

fnFunctionV1.0

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

[data],fnString,FunctionV1.4.3

data:focusout([Data], fn) kann Daten für übergeben Funktion fn-Verarbeitung.

fn: 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 Code:

$("p").focusout(function() { $(this).find("span").css('display','inline').fadeOut(1000); });

Beispiel

Wenn das dc6dce4a544fdca2df29d5ac0ea9906b-Element oder eines seiner untergeordneten Elemente den Fokus verliert, legen Sie die Hintergrundfarbe des dc6dce4a544fdca2df29d5ac0ea9906b fest ; Element:

$("div").focusout(function(){
$(this).css("background-color","#FFFFFF");
});

Definition und Verwendung

Das Focusout-Ereignis tritt auf, wenn ein Element (oder ein beliebiges Element darin) den Fokus verliert.

Die Methode focusout() fügt eine Funktion hinzu, die ausgeführt wird, wenn das Focusout-Ereignis für das Element oder ein beliebiges Element darin auftritt.

Im Gegensatz zur Methode „blur()“ wird die Methode „focusout()“ auch dann ausgelöst, wenn ein untergeordnetes Element den Fokus verliert.

Tipp: Diese Methode wird normalerweise zusammen mit der focusin()-Methode verwendet.

Das obige ist der detaillierte Inhalt vonDie Verwendung und Definition des jQuery-Focusout-Ereignisses. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!