Heim > Web-Frontend > js-Tutorial > So verwenden Sie jQuery focus()

So verwenden Sie jQuery focus()

coldplay.xixi
Freigeben: 2021-02-07 11:53:23
Original
3987 Leute haben es durchsucht

Verwendung von jQuery focus(): Wenn die Seite über die Methode [ready()] geladen wird, rufen Sie zunächst das Eingabeobjekt über die ID ab und binden Sie das Fokusereignis daran. Führen Sie dann die Funktion aus, wenn die Eingabe den Fokus erhält Methode; schließlich erhält die Methode [val()] den Eingabeinhalt.

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

Verwendung von jQuery focus():

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um die Funktion der Methode focus() in jquery zu erklären. focus()方法有什么作用。

So verwenden Sie jQuery focus()

2、在test.html文件内,使用input标签创建一个文本框,并设置其默认值为123456。

So verwenden Sie jQuery focus()

3、在test.html文件内,给input标签添加一个id属性,并设置为mytest。

So verwenden Sie jQuery focus()

4、在js标签内,通过ready()方法在页面加载完成时,通过id获得input对象,并给它绑定focus焦点事件,当input获得焦点时,执行function方法。

So verwenden Sie jQuery focus()

5、在function方法内,通过val()方法获得input内容,并使用alert()

So verwenden Sie jQuery focus().

So verwenden Sie jQuery focus()2 . Erstellen Sie in der Datei test.html mit dem Eingabe-Tag ein Textfeld und legen Sie dessen Standardwert auf 123456 fest.

So verwenden Sie jQuery focus()

3 . Fügen Sie in der Datei test.html ein ID-Attribut zum Eingabe-Tag hinzu und setzen Sie es auf mytest. So verwenden Sie jQuery focus()

So verwenden Sie jQuery focus()

4 . Wenn das Laden der Seite über die Methode ready () abgeschlossen ist, wird das Eingabeobjekt über die ID abgerufen und das Fokusereignis daran gebunden. Wenn die Eingabe den Fokus erhält, wird die Funktionsmethode ausgeführt. So verwenden Sie jQuery focus(). 5 . Erhalten Sie in der Funktionsmethode den Eingabeinhalt über die Methode val() und geben Sie ihn mit der Methode alert() aus.

6. Öffnen Sie die Datei test.html im Browser, um den Effekt zu überprüfen.
🎜🎜🎜🎜🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜🎜🎜Javascript🎜🎜🎜(Video)🎜🎜🎜

Das obige ist der detaillierte Inhalt vonSo verwenden Sie jQuery focus(). 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