So lösten Sie das Ereignis in JavaScript aus

Während des Programmierens in JavaScript begegnen wir häufig Situationen. Beispielsweise müssen Sie im Fall von Automatisierungstests einige zusätzliche Funktionen einer Webseite oder einer Website testen. In solchen Szenarien wird die Technik, Klickereignisse in Javascript auszulösen, sehr praktisch und effizient, um den angegebenen Herausforderungen entgegenzuwirken.

In diesem Artikel wird Sie über die Prozedur geleitet, um die Klick-Ereignisse in JavaScript auszulösen.

So lösten Sie das Ereignis in JavaScript aus?

Wenden Sie die folgenden Techniken an:

• “klicken()" Methode
• “AddEventListener ()" Und "DispatchEvent ()”Methoden

Jetzt werden wir die Verwendung der oben genannten Methoden nacheinander demonstrieren!

Methode 1: Trigger -Klick -Ereignis in JavaScript mit Click () Methode

Der "klicken()Die Methode wird verwendet, um einen Klick auf das angegebene Element durchzuführen. Diese Methode kann durch das Erstellen einer Schaltfläche, das Erhalten der ID und das Auslösen des Klickenereignisses implementiert werden, wenn die Schaltfläche mit einer benutzerdefinierten Funktion klickt wird.

Gehen Sie das folgende Beispiel zur Demonstration durch.

Beispiel
Im folgenden Beispiel wird eine Schaltfläche mit dem Halten hinzugefügtKlick mich”Als ID und das zugehörige Onclick -Ereignis, die auf die" zugreifen werden "clickevent ()Funktion:

Klick mich

Greifen Sie im JavaScript -Code auf die Schaltfläche "Erstellen" zu, indem Sie die ID im Dokument angeben.GetElementById () -Methode. Danach wird die Methode „Click ()“ aufgerufen, um den weiteren Vorgang durchzuführen:

const Get = Dokument.GetElementById ('btn');
erhalten.klicken();

Definieren Sie schließlich die mit dem Namen benannte Funktion “clickevent ()So drucken Sie die folgende Nachricht auf der Konsole, wenn die Schaltfläche mit der "Klicken auf die Schaltfläche klickt wird."klicken()" Methode:

Funktion clickevent ()
Konsole.Log ("Klicken Sie ausgelöst")

Die Ausgabe der obigen Implementierung erfolgt wie folgt:

In der obigen Ausgabe wird beobachtet, dass die Taste “Klick mich”Wird automatisiert mit der“ geklicktklicken()" Methode. In der Zwischenzeit wird auf die Funktion clickevent () zugegriffen und auf die angegebene Nachricht auf der Konsole protokolliert.

Methode 2: Klicken Sie in JavaScript mit "addEventListener ()" und "DispatchEvent ()" -Methoden klicken Sie in JavaScript

Der "AddEventListener ()Die Methode fügt einen Ereignishandler an ein DOM -Objekt und die “beiDispatchEvent ()Methode sendet das angegebene Ereignis in das Objekt. Diese Methoden können in Kombination verwendet werden, um ein neues Ereignisobjekt zu erstellen und das Klickereignis mit Hilfe der angegebenen Funktion auszuführen.

Syntax

dokumentieren.AddEventListener (Ereignis, Funktion)

In der obigen Syntax “,“Fall"Bezieht sich auf das angegebene Ereignis und"FunktionIst die Funktion, auf die das Ereignis angewendet werden soll.

DispatchEvent (Ereignis)

Hier, "Fall”Bezieht sich auf das ausgewählte Ereignisobjekt, das versandt werden muss.

Überblick über das folgende Beispiel.

Beispiel
Der erste Schritt besteht darin, eine Schaltfläche mit einer ID, einem Onclick -Ereignis und einem Wert, wie in der vorherigen Methode erläutert, hinzugefügt:

Klick mich

Dann holen Sie die Schaltfläche und fügen Sie das Ereignis hinzuklicken" Verwendung der "AddEventListener ()Methode und angeben "eIn seinem Argument, das sich auf das Ereignis (Klicken) Objekt bezieht. Dann ist die "DispatchEvent ()"Methode wird das Klickenereignis in ein mit dem Namen" genannter Objekt "versendetFall" Wie gezeigt:

const Get = Dokument.GetElementById ('btn');
erhalten.AddEventListener ('Click', e => );
erhalten.DispatchEvent (neues Ereignis ('Click'));

Definieren Sie zuletzt die gleiche ClickKeVent () -Funktion wie in der vorherigen Methode angegeben, um die entsprechende Nachricht anzuzeigen, wenn die “klickenEreignis wird ausgelöst:

Funktion clickevent ()
Konsole.Log ("Klicken Sie ausgelöst")

Ausgang

Wir haben verschiedene Methoden zusammengestellt, um Klick -Ereignisse in JavaScript auszulösen.

Abschluss

So klicken Sie auf Ereignisse in JavaScript, die “klicken()Die Methode kann angewendet werden, um die Taste abzurufen und die hinzugefügte Funktion entsprechend aufzurufen. Auch der "AddEventListener ()" Und "DispatchEvent ()„Methoden können verwendet werden, um ein bestimmtes Ereignis einzuschließen und es in ein neu erstelltes Objekt zu versenden. Dieser Artikel hat die Methoden zum Auslösen von Klick -Ereignissen in JavaScript gezeigt.