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

Listing 6–39 Event-Payload übergeben (Angular)

Оглавление

Geben wir, wie im Beispiel, den Event-Payload auf der Konsole aus, erhalten wir die Ausgabe, die in der Abbildung 6–8 dargestellt ist.

Der Payload ist ein Objekt vom Typ KeyboardEvent. Es handelt sich um ein natives DOM-Ereignis, das vom W3C spezifiziert ist.9 Das Objekt enthält viele Informationen, unter anderem, welche Taste gedrückt wurde, um das Event auszulösen. Im Beispiel wurde auf der Tastatur die Taste ohne Verwendung der -Taste gedrückt.

Mit dem Wissen, welchen Typ das Event hat, können wir die Handler-Methode typisieren, wie wir es im Beispiel oben schon getan haben. So können wir sicherstellen, dass der Handler wirklich nur Events vom Typ KeyboardEvent verarbeitet.

Abb. 6–8 Ausgabe des Payloads für das KeyboardEvent

Alle nativen DOM-Events10 können mit Event Bindings abgefangen und verarbeitet werden. Die Tabelle 6–4 zeigt die wichtigsten Events und wann sie ausgelöst werden.

Angular

Подняться наверх