Was ist die AddEventListener -Methode in JavaScript?.

In JavaScript ist ein Ereignis eine Aktion, die auf einer Webseite stattfindet. Diese Aktion kann alles von Klicken auf eine Schaltfläche bis zum Laden der Seite sein. Mehrere Ereignisse können gleichzeitig stattfinden und entweder vom Benutzer oder vom Browser initiiert werden. Um diese Veranstaltungen zu verwalten, sind Event -Handler erforderlich. Wenn ein Ereignis in einem Browser auftritt.

In diesem Beitrag werden wir eine detaillierte Diskussion über die AddEventListener () Methode in JavaScript und wie wir es verwenden können, um Ereignisse zu erfassen und umzugehen.

Was ist addEventListener () in JavaScript

JavaScript liefert uns die AddEventListener () Methode, eine eingebaute Funktion, mit der eine Funktion angegeben werden kann, die ausgeführt wird, falls ein bestimmtes Ereignis ausgelöst wird.

Syntax

target_element.AddEventListener (Ereignis, Funktion, Usecapture)

target_element: Dies ist das HTML -Element, an das wir den Event -Handler anhängen möchten.

Parameter sind:

• Fall: Es ist ein gültiges JavaScript -Ereignis, das ohne das Präfix von 'on' geschrieben wurde. Zum Beispiel wird "Click" anstelle von 'Onclick' geschrieben. Der Funktion führt aus, sobald dieses Ereignis auftritt.
• Funktion: Diese Funktion ist ein Hörer, der als Reaktion auf ein ausgelöstes Ereignis ausgeführt wird.
• usecapture: Es ist ein optionaler boolescher Wert, der entscheidet, welcher Ereignistyp verwendet werden soll (Ereignisblasen oder Ereigniserfassungen).

Was sind Ereignisse sprudeln und Event erfassen

Der dritte optionale boolesche Parameter, usecapture, bestimmt die Ereignisausbreitung, die die Abfolge des Auftretens eines Ereignisses entscheidet.

Wenn es gibt

Element in einem Element und der Benutzer klickt auf die

Element, welches der Klickereignisse zuerst erfolgen sollte?

Beim Bubeln, was durch False dargestellt wird. Der

Tag wird zuerst und dann das Tag behandelt.

Während das Erfassen durch wahr ist, wird das äußerste Ereignis zuerst vor dem inneren Element behandelt. Zuerst wird behandelt und dann die

Schild.

Beispiel

Hier werden zwei Parameter übergeben. Durch Klicken auf die Schaltfläche wird die Funktion aufgerufen, die den Text anzeigt:

klicken Sie hier

Abschluss

Der AddEventListener Mit JavaScript können Sie Ereignisse erfassen und dann die angegebene Funktion basierend auf dem aufgetretenen Ereignis ausführen. Es dauert drei Parameter; eines davon ist optional. Der dritte (optionale) Parameter, usecapture, ist ein boolescher Parameter, der die Abfolge der auftretenden Ereignisse entscheidet. In diesem Beitrag haben wir eine umfassende Diskussion darüber geführt, was das ist AddEventListener () Methode und wie man es effektiv in unserem JavaScript -Code verwendet.