Startseite >JavaScript >JavaScript-Referenz – Methoden und Objekte >EventTarget.removeEventListener()

EventTarget.removeEventListener()

target.removeEventListener(type, listener, options)

Entfernt einen mit addEventListener() hinzugefügten Listener. Die Methode muss dieselbe Funktion (dieselbe Referenz), denselben Typ und dieselbe Option capture erhalten.

Das Beispiel arbeitet mit dem HTML über dem Code; ein Ereignis, das sonst der Benutzer auslöst, löst hier der Code aus (zum Beispiel click()).

Parameter

  • type, listener, options – dieselben wie beim Hinzufügen.

Rückgabewert

undefined.

Beispiele

<button id="btn">Klicken</button>

const btn = document.getElementById('btn');
let count = 0;
const counter = () => console.log('Klick', ++count);
btn.addEventListener('click', counter);
btn.click();
btn.removeEventListener('click', () => console.log('Klick', ++count));
btn.click();
btn.removeEventListener('click', counter);
btn.click();
console.log('insgesamt', count);

Ausgabe:

Klick 1
Klick 2
insgesamt 2

Worauf Sie achten sollten

  • Eine neu geschriebene Pfeilfunktion ist eine andere Funktion – das Entfernen bewirkt nichts (siehe Beispiel). Speichern Sie einen Listener, den Sie entfernen wollen, in einer Variablen.
  • Dasselbe gilt für Funktionen aus bind(). Einfacher ist die Option signal oder once.

Browserunterstützung

Baseline – weithin verfügbar: funktioniert in allen gängigen Browsern, und das schon lange (spätestens seit 2015). Ab Version: Chrome 1, Firefox 1, Safari 1; Node.js 14.5.0. Stand: Oktober 2026 (MDN browser-compat-data).

Siehe auch:
EventTarget.addEventListener()
AbortController