So setzen Sie den Fokus eines HTML -Formularelements in JavaScript

Konzentrieren Sie sich auf das Element auf den Abschnitt der aktuell aktiven Seite. Im vorliegenden Dokument kann ein HTML -Element gleichzeitig konzentriert werden, auf dem ein Fenster, ein Textfeld oder eine Schaltfläche sein kann. In HTML -Formen sollte das Eingabefeld ein aktives Element sein, da viele Elemente nicht standardmäßig die Fokussierung erlauben. Um sich auf die Elemente zu konzentrieren, verwenden Sie also die HTMLElement.Focus () Methode.

Dieser Blog -Beitrag veranschaulicht den Prozess der Festlegung des Fokus auf ein Element eines HTML -Formulars in JavaScript.

So setzen Sie den Fokus eines HTML -Formularelements in JavaScript?

Um sich auf ein Element eines HTML -Formulars zu konzentrieren, kann die Methode JavaScript Focus () verwendet werden. Nennen Sie diese Methode, während Sie es zum Ziel des Elements übergeben, das konzentriert werden muss.

Syntax
Folgen Sie der unten erwähnten Methode, um sich auf ein Element einer HTML-Form zu konzentrieren:

Htmlelement.Fokus()

Versuchen wir einige Beispiele, um festzustellen.

Beispiel 1: Setzen Sie den Fokus eines HTML -Formularelements auf der Seite "Laden"
Im angegebenen Beispiel setzen wir uns auf das Feld Eingabetext auf der Seite "Laden" konzentrieren wir uns. Erstellen Sie also ein Formular mit einem Eingabentextfeld, das aktiv ist, während die Seite geladen wird:

Die HTML -Form wird so aussehen:

Wie Sie sehen können, zeigt die obige Ausgabe ein Eingangsfeld, das nicht aktiv ist. Um sich auf dieses Textfeld zu konzentrieren, verwenden Sie den folgenden JavaScript-Code:

Fenster.onload = function ()
dokumentieren.GetElementById ("Text").Fokus();

In den obigen Codezeilen:

• Definieren Sie eine Funktion auf der “Fenster.Onload" Fall.
• Ruf den "Fokus()"Methode durch Abrufen des HTML -Elements"Textfeld„Mit seiner zugewiesenen ID mit Hilfe der“ verwendenGetElementById ()" Methode.

Die entsprechende Ausgabe ist wie folgt:

Das obige GIF gibt an, dass das Textfeld auf der Seite "Seite" aktiv ist.

Lassen Sie uns als nächstes sehen, wie wir uns auf das Eingabefeld konzentrieren können, während wir das Element schweben.

Beispiel 2: Setzen Sie den Fokus eines HTML -Formularelements auf dem Schwebe des Elements
Verwenden Sie die “, um den Fokus auf das Textfeld zu konzentrieren, während Sie darauf schweben, die“OnmouseoverEvent -Hörer:

Definieren Sie eine Funktion namens “elementfocus ()Das wird ausgelöst, während das Mausover -Ereignis auftritt:

Funktion elementfocus ()
dokumentieren.GetElementById ("Text").Fokus();

Die Ausgabe zeigt, dass das Textfeld aktiv ist, während die Maus darauf schwebt:

Wir haben die wesentlichen Informationen zur Fokussierung des HTML -Elements in einem HTML -Formular mit JavaScript bereitgestellt.

Abschluss

Verwenden Sie das “, um sich auf ein Element eines HTML -Formulars in JavaScript zu konzentrierenHtmlelement.Fokus()" Methode. Es kann auf den HTML -Elementen wie "eingestellt werden" eingestellt werden "Textfeld","Taste" usw. Sie können sich auf das Element konzentrieren, während Sie auf der Seite geladen werden, oder auf einem anderen Ereignis. In diesem Blog wurde der Prozess dargestellt, um sich auf ein Element eines HTML -Formulars in JavaScript zu konzentrieren.