Heim  >  Artikel  >  Web-Frontend  >  So verlieren Sie den Fokus des Eingabefelds in jQuery

So verlieren Sie den Fokus des Eingabefelds in jQuery

WBOY
WBOYOriginal
2021-12-01 11:28:009610Durchsuche

So verlieren Sie den Fokus des Eingabefelds in jQuery: 1. Verwenden Sie die Anweisung „$(„input element“)“, um das Eingabeelementobjekt abzurufen. 2. Verwenden Sie die Methode „blur()“, damit das Eingabeelementobjekt den Fokus verliert . Die Syntax ist „ElementObject.blur()“.

So verlieren Sie den Fokus des Eingabefelds in jQuery

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.

So verlieren Sie den Fokus des Eingabefelds in jQuery

In jQuery können Sie durch Abrufen des Eingabeobjekts und Verwendung der Methode „blur()“ den Fokus verlieren und das Ereignis auslösen. Im folgenden Beispiel wird erläutert, wie ein Ereignis mit Fokusverlust mithilfe von JQuery für das Eingabefeld geschrieben wird.

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie mit jquery ein Fokusereignis in das Eingabefeld schreiben. Verwenden Sie innerhalb des p-Tags das Eingabe-Tag, um ein Eingabefeld zu erstellen. Setzen Sie das ID-Attribut der Eingabe auf testid, um das Eingabeobjekt über diese ID unten abzurufen. Verwenden Sie innerhalb des js-Tags die Methode ready(), um die Funktion auszuführen, wenn die Seite geladen wird.

So verlieren Sie den Fokus des Eingabefelds in jQuery

2. Rufen Sie in der Funktionsfunktion das Eingabeobjekt ab, indem Sie die ID (Test-ID) abrufen und das Fokusverlustereignis an das Eingabeobjekt binden. Die Funktion Funktion wird ausgeführt.

Um das Fokusverlustereignis im js-Tag zu überprüfen, verwenden Sie in der Funktionsfunktion die Methode warning (), um die Eingabeaufforderung „Eingabe hat den Fokus verloren“ einzugeben.

So verlieren Sie den Fokus des Eingabefelds in jQuery

Öffnen Sie die Datei test.html im Browser, um den Effekt zu sehen.

So verlieren Sie den Fokus des Eingabefelds in jQuery

Zusammenfassung:

1. Erstellen Sie eine test.html-Datei.

2. Verwenden Sie in der Datei im p-Tag das Eingabe-Tag, um ein Eingabefeld zu erstellen, und setzen Sie das ID-Attribut der Eingabe auf testid.

3. Verwenden Sie im js-Tag die Methode ready(), um die Funktionsfunktion auszuführen, wenn die Seite geladen wird. Rufen Sie innerhalb der Funktionsfunktion das Eingabeobjekt ab, indem Sie die ID (testid) abrufen, und verwenden Sie die Methode blur() um das Eingabeobjekt zu binden.

Hinweis:

Das Unschärfeereignis tritt auf, wenn ein Element den Fokus verliert.

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo verlieren Sie den Fokus des Eingabefelds in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn