Читать книгу Angular - Ferdinand Malcher - Страница 208

Als Grundlage haben wir in der Einführung gezeigt, wie Event Handler in JavaScript eingesetzt werden, um native DOM-Events abzufangen. Aus Gewohnheit liegt es nahe, diesen Weg zu verwenden, anstatt die Angular-Syntax mit runden Klammern einzusetzen. Leider funktioniert das nicht! Nur wenn wir die eingebaute Angular-Syntax verwenden, wird die Handler-Funktion als Methode der Komponentenklasse angesehen. Würden wir Event Handler von JavaScript einsetzen, würde der Browser versuchen, die Methode im Gültigkeitsbereich des Fensters zu suchen – wo sie nicht existiert.

Es muss deshalb für Events immer die Angular-Syntax geschrieben werden. Das hat aber den Vorteil, dass wir uns grundsätzlich nur einen Weg merken müssen, egal ob für native oder selbst definierte Ereignisse.

Event	wird ausgelöst beim …
click	Klick auf das Element
change	Ändern des Werts eines Formularfelds
dblclick	Doppelklick auf das Element
focus	Fokussieren des Elements durch Auswählen (Maus oder Tastatur)
blur	Verlassen des Elements (z. B. Klick außerhalb)
keydown	Drücken einer Taste
keyup	Loslassen einer Taste
mouseover	Überfahren mit der Maus
mouseout	Verlassen mit der Maus
contextmenu	Aufrufen des Kontextmenüs
select	Auswählen von Text
copy, paste	Kopieren/Einfügen von Text
submit	Abschicken eines Formulars

Tab. 6–4 Native DOM-Events (Auswahl)