Während des Internets stoßen wir auf Websites, auf denen es erforderlich ist, ein bestimmtes Formular auszufüllen. In solchen Fällen ist es sehr hilfreich, die eingegebenen unvollständigen Informationen im Voraus programmgesteuert in JavaScript zu drücken. Bevor Sie mit der nächsten Stufe fortfahren, kann diese Funktion auch beim Füllen der Felder helfen.

In diesem Handbuch werden die Methoden erörtert, um programmatisch auf die Eingabetaste in JavaScript zu klicken.

So drücken Sie programmgesteuert in JavaScript die Taste Eingabetaste?

So drücken Sie programmgesteuert die Eingabetaste mit JavaScript, die folgenden Ansätze können verwendet werden:

• • “dokumentieren.AddEventListener ()" Methode
  • “dokumentieren.QuerySelector ()" Methode
  • “dokumentieren.GetElementById ()" Methode

Gehen Sie die genannten Methoden nacheinander durch!

Methode 1: Drücken Sie programmgesteuert die Taste in JavaScript mit dem Dokument.addEventListener () Methode

Der "dokumentieren.AddEventListener ()Die Methode verbindet einen Ereignishandler in ein Dokument. Diese Methode kann implementiert werden, um das angegebene Ereignis hinzuzufügen, um festzustellen, wann immer die Eingabetaste gedrückt wird.

Syntax

dokumentieren.AddEventListener (Ereignis, Funktion)

In der obigen Syntax der Begriff “Fall"Bezieht sich auf das Ereignis, das die angegebenen" aufrufen wird "FunktionWenn es ausgelöst wird.

Die oben angegebene Idee ist im folgenden Beispiel gezeigt.

Beispiel

Im folgenden Beispiel werden wir das anwenden “dokumentieren.AddEventListener ()"Methode und fügen Sie eine Veranstaltung mit dem Namen" hinzu "Taste nach unten”. Dies führt dazu, dass der Benutzer bei der “benachrichtigt wird, wenn die“EingebenDie Taste wird über Alarm gedrückt:

dokumentieren.AddEventListener ("Keydown", (e) =>
if (e.Key == "ENTER")
ALERT ("Taste eingeben wird gedrückt"))

);

Die entsprechende Ausgabe ist:

Methode 2: Drücken Sie mit dem Dokument programmgesteuert in JavaScript die Taste Eingabetaste.QuerySelector () -Methode

Der "dokumentieren.QuerySelector ()Die Methode erhält das erste Element, das ein CSS -Selektor entspricht. Diese Methode kann verwendet werden, um auf ein bestimmtes Element zuzugreifen, ihren Wert zu ändern und auf dem DOMR -Model (DOM) (DOM) anzuzeigen, wenn die Eingabetaste gedrückt wird.

Syntax

dokumentieren.QuerySelector (CSS -Selektoren)

Hier, "CSS -Selektoren”Bezieht sich auf einen oder mehr als einen CSS -Selektoren.

Schauen Sie sich das folgende Beispiel an.

Beispiel

Zunächst werden wir die folgende Überschrift mit der “hinzufügen

" Schild:

Ergebnis

Als nächstes wenden Sie das an “dokumentieren.QuerySelector ()Methode zum Zugriff auf die angegebene Überschrift:

lass Enterey = Dokument.QuerySelector ("H1");

Fügen Sie nun eine Veranstaltung mit dem Namen "Taste nach unten" Verwendung der "dokumentieren.AddEventListener ()”Methode, die in der vorherigen Methode diskutiert wird. Hier geben Sie auch eine Bedingung für die “EingebenTaste, die überprüfen, ob die Eingabetaste gedrückt wird:

dokumentieren.AddEventListener ("Keydown", (e) =>
if (e.Key == "ENTER")
Enter-Taste.InnerText = "Eingabetaste wird gedrückt";

);

Ausgang

In der obigen Ausgabe kann beobachtet werden, dass das “InnerTextEigenschaft ändert den DOM -Text beim Drücken der “Eingeben" Taste.

Methode 3: Drücken Sie mit dem Dokument programmgesteuert in JavaScript die Taste Eingabetaste.GetElementById () -Methode

Der "dokumentieren.GetElementById ()Methode greift mit der angegebenen ID auf ein Element zu. Diese Methode kann verwendet werden.

Syntax

dokumentieren.GetElementById (elementId)

In der oben genannten Syntax “,“elementid”Repräsentiert die ID des Elements, auf das wir zugreifen möchten.

Beispiel

Geben Sie zunächst eine Überschrift mit der “bei

Füllen Sie das Eingangsfeld aus

Erstellen Sie im nächsten Schritt ein Eingabefeld zum Eingeben des Textes mit folgenden “Ausweis" Und "Platzhalter" Werte:

Holen Sie sich als nächstes die zugewiesene ID mit der “ab“dokumentieren.GetElementById ()" Methode:

lass Enterey = Dokument.GetElementById ("Eingabe")

Schließlich wenden Sie das an “AddEventListener ()"Methode und fügen Sie das benannte Ereignis bei"Taste nach unten”Auf dem Eingangsfeld erkennen, ob die Eingabetaste gedrückt wird, und benachrichtigen Sie sie mit dem Dialogfeld" Alarm ":

Enter-Taste.AddEventListener ("Keydown", (e) =>
if (e.Key == "ENTER")
ALERT ("Taste eingeben wird gedrückt"))

)

Ausgang

Wir haben verschiedene Methoden zusammengestellt, um die Eingabetaste programmgesteuert in JavaScript zu drücken.

Abschluss

Um die Taste programmatisch in JavaScript einzugeben, verwenden Sie die “dokumentieren.AddEventListener ()Methode zum Anbringen eines bestimmten Ereignisses und zur Benachrichtigung des Benutzers, wenn die Eingabetaste über eine Warnung gedrückt wird, die “dokumentieren.QuerySelector ()Methode zur Anzeige des Status der gedrückten Eingabetaste auf dem DOM oder der “dokumentieren.GetElementById ()Methode zur Anwendung einer Eingabetastverifizierung auf einem Eingangsfeld. In diesem Artikel wurde die Methoden gezeigt, um die Eingabetaste in JavaScript programmatisch zu klicken.