Скачать или смотреть JavaScript EventListener in unter 5 Minuten erklärt | JavaScript Tutorial Deutsch

Hol dir bei Hostinger das beste Webhosting, um deine Webseite online zu stellen: https://www.hostinger.de/kurzundknapp
Mit dem Coupon-Code: KURZUNDKNAPP
sparst du 10% Rabatt auf alle Webhosting-Pakete mit einer Laufzeit von 12 Monaten und mehr.

Mit der Methode addEventListener() kann man einem HTML-Element, dem document oder dem window einen EventListener hinzufügen. Ein EventListener prüft, ob ein event, also ein Ereignis, eintritt. Sobald das Ereignis eintritt, wird eine festgelegte Funktion aufgerufen. Das jeweilige event wird im ersten Parameter in Anführungszeichen festgelegt.
Alle events (mit Erklärung) unter: https://developer.mozilla.org/de/docs...

00:00 Grundlagen
01:52 Event Types
02:11 mouse-over
02:23 mouse-out
02:36 keydown /-up
03:06 options
03:53 Zusammenfassung

Die gewünschte Funktion wird im zweiten Parameter als Argument übergeben.
Zudem hat man noch die Möglichkeit die verschiedenen Booleans des options Objects auf true zu setzen. Einer dieser Booleans heißt zum Beispiel once. Wenn once auf true gesetzt wird, wartet der EventListener nur ein Mal auf das Eintreten des Ereignisses. Anschließend löscht er sich von selbst. Wenn danach also das event nochmal eintritt, passiert nichts.