Ein Event Listener ist die Anmeldung, mit der eine Funktion auf ein bestimmtes Ereignis wartet.
- Event Listener
Eine Funktion, die für ein bestimmtes Ereignis an einem Element angemeldet ist.
Beispiel: „Ein Event Listener wird mit addEventListener angemeldet.“
Anmelden und abmelden
const bei_klick = () => console.log('geklickt');
knopf.addEventListener('click', bei_klick);
knopf.removeEventListener('click', bei_klick);Zum Abmelden braucht es dieselbe Funktionsreferenz; eine neu geschriebene anonyme Funktion lässt sich nicht entfernen. Bequemer ist die Option { once: true }, die nach dem ersten Auslösen selbst abmeldet.
Warum nicht als Attribut
Ein onclick im Markup kann nur eine Funktion tragen und vermischt Verhalten mit Struktur. Mit Listenern lassen sich mehrere Funktionen auf dasselbe Ereignis legen, und das Verhalten bleibt im Skript.