Web / JavaScript
JavaScript-Event-Referenz
Diese Referenz sammelt wichtige Browser-Events für typische UI-Aufgaben. Du kannst nach Events suchen,
nach Kategorien filtern und fertige addEventListener-Beispiele kopieren.
Browser-Events suchen
Suche nach Eventnamen wie click, input oder DOMContentLoaded, nach Zielobjekten
wie window, document oder form oder nach Aufgaben wie Formular, Tastatur,
Maus, Pointer und Scrollen.
Durchsucht Eventname, Kategorie, Ziel, Beschreibung, Hinweis und Beispielcode.
Suchbare Event-Tabelle
| Event | Kategorie | Typischer Einsatz | Ziel |
|---|
Keine passenden Events gefunden.
Codebeispiel und Export
Wähle ein Event aus der Tabelle. Das Beispiel wird als modernes JavaScript mit addEventListener
ausgegeben und kann direkt kopiert werden.
Hinweise zur Verwendung
addEventListener bevorzugen
Nutze Event Listener statt Inline-Handlern im HTML. So bleiben Struktur, Verhalten und Wartbarkeit besser getrennt.
Events sauber entfernen
Wenn ein Listener später entfernt werden soll, verwende eine benannte Funktion. Anonyme Funktionen lassen sich schwerer wieder entfernen.
Delegation nutzen
Bei vielen ähnlichen Elementen kann ein gemeinsamer Listener auf einem Container effizienter sein als viele einzelne Listener.