So entfernen Sie einen Ereignishörer in JavaScript? | Mit Beispielen erklärt

JavaScript wird in der Webseitenentwicklung stark verwendet. Als dynamische Sprache ist es einfach, das Verhalten der Seite zur Laufzeit zu ändern. Normalerweise ist es einfacher, in der kundenseitigen Umgebung zu verwenden, da wir sehr schnell Änderungen vornehmen können. Heute werden wir über eine andere JavaScript -Operation sprechen.

Entfernen des Ereignishörers mit JavaScript

Das Entfernen des Ereignishörers aus einem bestimmten HTML -Element kann in einigen Fällen so wichtig sein, da Sie nicht möchten, dass das Ereignis ohne Grund mehrmals ausgelöst wird. JavaScript kann sehr hilfreich sein, um diese Funktionalität zu erreichen. Lassen Sie uns also sehen, wie wir diesen Job leicht erledigen können.

REMEDEVENTLISTENER () -Methode

RemeEventListener () ist eine integrierte Funktion in JavaScript, mit der Ereignishörer aus HTML-Elementen entfernt werden können.Angenommen, Sie haben den folgenden Ereignishörer an ein Element angeschlossen:

Klick mich


Nehmen wir nun an, Sie möchten das Klickenereignis von der Schaltfläche entfernen. Sie benötigen eine Referenz sowohl auf das Element, das den Listener enthält, als auch auf die Rückruffunktion, um einen Ereignishörer effektiv zu entfernen. Um das Ereignis „Klicken“ zu entfernen, verläuft der Code wie folgt:

Btn.REMENDEVENTLISTENER ('Click', geklickt)

Es ist jedoch keine gute Idee, einem Ereignishörer eine unbenannte Rückruffunktion wie diese zu übergeben:

Btn.AddEventListener ('Click', (e) =>
alarm ('Diese Schaltfläche wurde geklickt');
)

Sie können den Ereignishörer ohne den Namen der Rückruffunktion nicht entfernen, wie im obigen Beispiel angezeigt.

Entfernen des Ereignishörers nach dem Klicken auf die Schaltfläche

Manchmal möchten Sie möglicherweise nicht, dass die Schaltfläche zweimal geklickt wird, als wenn sie geklickt wird. Das Ereignis löst die Verarbeitungsprobleme unter dem Ereignis aus und verursacht die Verarbeitungsprobleme. Um dieses Problem sofort zu lösen, müssen wir a anhängen REMENDEVENTLISTENER () in der addevenetListener () Methode. Mal sehen, wie wir diese Funktionalität im folgenden Code erreichen können:

Klick mich

Ausgang:

Nach dem obigen Beispiel wird nach dem Klicken auf die Schaltfläche das damit angehängte Ereignis ausgelöst und entfernen.

So werden Sie JavaScript -Event -Hörer von HTML -Elementen los. Um einen Ereignishörer aus einem HTML -Element zu entfernen, müssen Sie sich um die beiden Dinge kümmern. Sie müssen die Art des Ereignisses definieren. Das zweite ist, dass Sie die Referenzfunktion bereitstellen müssen, die dem Ereignishörer beigefügt ist.

Abschluss

Der REMENDEVENTLISTENER () Die Methode wird verwendet, wenn Sie das Ereignis aus einem bestimmten HTML -Element entfernen müssen. Diese Methode erfordert zwei Argumente, das erste Argument ist der Ereignisname, während das zweite Argument die Funktion ist, die dem Ereignishörer beigefügt ist. In diesem Artikel haben wir das Beispiel gesehen, in dem wir besprochen haben, wie wir einfach ein Ereignis entfernen können, das an ein HTML -Element beigefügt ist.