So erhalten und verlieren Sie Fokusereignisse in JQuery

In jquery können Sie die Methode focus() verwenden, um das Fokusereignis zu erhalten, die Syntax „$(selector).focus()“; Sie können die Methode „blur()“ verwenden, um das Fokusereignis zu verlieren, die Syntax „$ (selector).blur()".

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Wenn es auf der Front-End-Website einige Formularelemente gibt, mit denen Benutzer Inhalte ausfüllen können, können wir die Fokusereignisse und Fokusverlustereignisse in JQ verwenden, um Benutzern einige Eingabeaufforderungen zu geben. Heute werden wir darüber sprechen, wie man unter JQuery fokuserhaltende und fokusverlierende Ereignisse verwendet.

jquery focus() ruft das Fokusereignis ab

focus()-Methode: Wenn ein Element durch Klicken mit der Maus ausgewählt oder mit der Tabulatortaste positioniert wird, erhält das Element den Fokus.

Syntax:

$(selector).focus()

Kopieren

Beispiel: Das Eingabefeld ändert die Farbe seines Rahmens, wenn es den Fokus erhält Element wird wie folgt aussehen: Die Form des

jq focus()-Ereignisses fügt der Eingabe einen CSS-Stil hinzu

<input type="text" name="" id="mochu">
<script>
    $(&#39;#mochu&#39;).focus(function(){
        $(this).css(&#39;border-color&#39;,&#39;red&#39;);
    });
</script>

Kopieren

jquery-Blur() verliert den Fokus-Ereignis

blur()-Methode: Das Unschärfeereignis tritt auf, wenn die Element verliert den Fokus

Syntax:

<input type="text" name="" id="mochu" style="border-color: red;">

KopierenBeispiel: Nachdem die Eingabe den Fokus verliert, wird der Inhalt im Eingabefeld angezeigt. Beispielcode:

$(selector).blur()

Kopieren.

Verwenden Sie das jq-Blur()-Ereignis, um den vom Benutzer eingegebenen Inhalt zu überprüfen.

Das Ereignis „blur()“ in JQuery kann verwendet werden, um zu überprüfen, ob der vom Benutzer eingegebene Inhalt in der Eingabeeingabe enthalten ist Das Feld ist zulässig. Der folgende Code wird beispielsweise angezeigt, wenn der vom Benutzer eingegebene Inhalt weniger als fünf Zeichen umfasst

Das obige ist der detaillierte Inhalt vonSo erhalten und verlieren Sie Fokusereignisse in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!