Methode removeEventListener

Die Methode removeEventListener ermöglicht es, einen zuvor über addEventListener zugewiesenen Ereignishandler zu entfernen. Dazu müssen im Parameter der Ereignistyp und dieselbe Funktion übergeben werden, die bei der Zuweisung des Ereignisses verwendet wurden.

Syntax

javascriptelement.removeEventListener('Ereignistyp', Funktion);

Beispiel

Sorgen wir dafür, dass der Klick auf ein Element nur einmal funktioniert:

html<input type="button" id="button" value="click me">

javascriptlet button = document.querySelector('#button');
button.addEventListener('click', func); // Ereignis zuweisen

function func() {
  alert('!!!');
  button.removeEventListener('click', func); // nach dem Klick entfernen
};

Результат:

Siehe auch