Heim > Web-Frontend > js-Tutorial > So schreiben Sie das Ereignis „Fokus verloren' des Eingabefelds mit JQuery

So schreiben Sie das Ereignis „Fokus verloren' des Eingabefelds mit JQuery

coldplay.xixi
Freigeben: 2023-01-04 09:36:31
Original
12137 Leute haben es durchsucht

Eingabefeld verwendet jquery, um die Fokusereignismethode zu verlieren: Setzen Sie zuerst das ID-Attribut der Eingabe auf testid. Verwenden Sie dann die Methode [ready()], um die Funktion auszuführen, wenn das Laden der Seite abgeschlossen ist ()]-Methode, um dem Eingabeereignis „Objektbindung verliert Fokus“ zu geben.

So schreiben Sie das Ereignis „Fokus verloren' des Eingabefelds mit JQuery

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

So verwenden Sie jquery, um das Fokusereignis des Eingabeeingabefelds zu verlieren:

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie das verlorene Fokusereignis des Eingabeeingabefelds mit jquery geschrieben wird .

So schreiben Sie das Ereignis „Fokus verloren des Eingabefelds mit JQuery

2. Verwenden Sie in der Datei test.html innerhalb des p-Tags das Eingabe-Tag, um ein Eingabefeld zu erstellen.

So schreiben Sie das Ereignis „Fokus verloren des Eingabefelds mit JQuery

3. Setzen Sie in der Datei test.html das ID-Attribut der Eingabe auf testid, das verwendet wird, um das Eingabeobjekt über diese ID unten zu erhalten.

So schreiben Sie das Ereignis „Fokus verloren des Eingabefelds mit JQuery

4. Verwenden Sie in der Datei test.html im js-Tag die Methode ready(), um die Funktion auszuführen, wenn die Seite geladen wird.

So schreiben Sie das Ereignis „Fokus verloren des Eingabefelds mit JQuery

5. 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.

So schreiben Sie das Ereignis „Fokus verloren des Eingabefelds mit JQuery

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

So schreiben Sie das Ereignis „Fokus verloren des Eingabefelds mit JQuery

7. Öffnen Sie die Datei test.html im Browser, um den Effekt zu überprüfen.

So schreiben Sie das Ereignis „Fokus verloren des Eingabefelds mit JQuery

Verwandte kostenlose Lernempfehlungen: Javascript(Video)

Das obige ist der detaillierte Inhalt vonSo schreiben Sie das Ereignis „Fokus verloren' des Eingabefelds mit JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage