Entfernen Sie den Fokus von einem Element mit JavaScript aus

Bei der Aktualisierung einer Webseite oder Website kann eine Aktualisierungsanforderung bestehen, um den Fokus aus Elementen (en) im DOMM -Model (DOMR -Objektmodell (DOM)) zu entfernen. Priorisieren Sie beispielsweise die aktualisierten Elemente über die veralteten auf einer Webseite. In solchen Szenarien ist das Entfernen des Fokus von einem Element mit JavaScript von großer Hilfe, um Änderungen an einer Website vorzunehmen.

In diesem Blog wird das Verfahren erläutert, um den Fokus aus einem Element mit JavaScript zu entfernen.

So entfernen Sie den Fokus aus einem Element in JavaScript?

Um den Fokus aus einem Element in JavaScript zu entfernen, wenden Sie die folgenden Ansätze in Kombination mit dem “anverwischen()" Methode:

• “GetElementById ()" Methode.
• “Wirksamkeit”Eigentum und“Optionale Verkettung (?.)" Operator.

Ansatz 1: Entfernen Sie den Fokus aus einem Element in JavaScript mit der Methode GetElementById ()

Der "verwischen()Die Methode entfernt den Fokus aus dem zugehörigen Element und dem “GetElementById ()"Methode gibt ein Element zurück, das das angegebene"Ausweis”. Diese Methoden können in Kombination angewendet werden, um das fokussierte Element abzurufen und den Fokus mit Hilfe der benutzerdefinierten Funktion daraus zu entfernen.

Syntax

dokumentieren.GetElementById (Element)

In der angegebenen Syntax:

“Element"Entspricht dem Element, das gegen das bestimmte abgerufen werden muss"Ausweis”.

Beispiel

Überlegen wir das folgende Beispiel:

Dies ist eine Webseite



Klick mich

In den obigen Codezeilen:

• Einbeziehen "Element mit den angegebenen Attributen.
• Der "Typ"Attribut bedeutet, dass das Element ein" ist "Radio" Taste. Der "AutofokusIst ein boolescher Attribut, das dem zugehörigen Element den Fokus verleiht.
• Erstellen Sie im nächsten Schritt eine Schaltfläche mit einer “mit“ONCLICK”Ereignis, das zur Funktion umleiten wird removeFocus ().
• Definieren Sie im JS -Code eine Funktion namens “removeFocus ()”. Greifen Sie in der Funktionsdefinition auf das enthaltene Element zu “zu“Ausweis" Verwendung der "GetElementById ()" Methode.
• Schließlich wenden Sie die “an“verwischen()Methode zum abgerufenen Element. Dies wird den Fokus aus dem Element auf der Schaltfläche Klick entfernen.

Ausgang

In der Ausgabe ist ersichtlich, dass der Fokus aus dem Optionsfeld auf dem Schaltflächenklick weggelassen wird.

Ansatz 2: Entfernen Sie den Fokus von einem Element in JavaScript mithilfe von ActiveLement -Eigenschaften und optionalem Ketten (?.) Operator

Der "WirksamkeitEigenschaft gibt das HTML -Element, das sich konzentriert, und das “Optionale Verkettung (?.)Operator prüft eine bestimmte Bedingung. Diese Ansätze können in Kombination verwendet werden, um eine Überprüfung auf die fokussierten Elemente anzuwenden und sie entsprechend zu verwischen.

Beispiel

Lassen Sie uns das untergeordnete Beispiel durchlaufen:

Python



JavaScript



Klicken Sie auf die Schaltfläche, um den Fokus zu entfernen

Im obigen Code -Snippet:

• Zwei einschließen “"Elemente mit dem zugewiesenen Attribut"Typ" Als ein "Kontrollkästchen”.
• Das boolesche Attribut “Autofokus”Wird wie angegeben dem letzteren Kontrollkästchen zugeordnet.
• Erstellen Sie als nächstes eine Schaltfläche mit einer “mit“ONCLICKEreignis zugreift auf die Funktion namens removeFocus ().
• Definieren Sie im JS -Code -Teil eine Funktion namens “removeFocus ()”.
• In seiner Definition die Kombination anwenden “Wirksamkeit”Eigentum und die“Optionale Verkettung (?.)Operator, um alle fokussierten Elemente im Code zu überprüfen.
• Der zugehörige "verwischen()Die Methode verwischt das lokalisierte fokussierte Element (en) auf der Schaltfläche Klick.

Ausgang

In der Ausgabe wird der Fokus aus dem angegebenen Kontrollkästchen nach dem Klicken auf die Schaltfläche entfernt.

Abschluss

Der "verwischen()"Methode kombiniert mit dem"GetElementById ()”Methode oder die“Wirksamkeit”Eigentum und“Optionale Verkettung (?.)Der Bediener kann verwendet werden, um den Fokus von einem Element in JavaScript zu entfernen/wegzulassen. Der erstere Ansatz kann angewendet werden, um das fokussierte Element zu erhalten und den Fokus auf dem Schaltfläche Klick zu entfernen. Der letztere Ansatz kann verwendet werden, um die fokussierten Elemente zu überprüfen und es zu verwischen. In diesem Artikel wird erläutert.