Hier fängt ein neues Kapitel an 381
Events be-handeln
9
Asynchron programmieren
Nach diesem Kapitel werden Sie merken, dass Sie nicht
mehr in Kansas sind.
Bis jetzt haben Sie Code geschrieben, der typischerwei-
se von oben nach unten ausgeführt wird. Sicher, Ihr Code ist vermutlich etwas komple-
xer und enthält ein paar Funktionen, Objekte und Methoden, aber irgendwann wird auch
dieser Code ausgeführt. Es tut uns wirklich leid, wenn wir Ihnen das erst so spät im
Buch sagen, aber so schreibt man eigentlich keinen JavaScript-Code. Stattdessen
wird JavaScript meistens geschrieben, um auf Ereignisse (Events) zu reagieren. Was
für Events? Alle möglichen! Das kann ein Mausklick auf Ihrer Seite, ankommende Daten
aus dem Netzwerk, ein im Browser ablaufender Timer oder eine Änderung im DOM
sein, um nur ein paar zu nennen. Eigentlich passieren ständig irgendwelche Events
im Hintergrund des Browsers. In diesem Kapitel werden wir unsere Art, in JavaScript
zu programmieren, neu überdenken und lernen, warum und wie Sie Code schreiben
können, der auf Events reagiert.
382 Kapitel 9
Übung zu Events
Was ein Browser tut, wissen Sie ja, oder? Er holt eine Seite und alle ihre Inhalte und
stellt sie dar. Tatsächlich macht der Browser jedoch noch viel mehr. Aber was zum Bei-
spiel? Wählen Sie aus den Dingen unten die aus, die Ihrer Meinung nach vom Browser
hinter den Kulissen ausgeführt werden. Wenn Sie nicht sicher sind, entscheiden Sie sich
einfach auf gut Glück.
Weiß, wann die Seite komplett
geladen ist und angezeigt wird.
Verfolgt alle Maus-Events.
Überwacht alle Klicks, die Sie auf
der Seite machen, sei es auf einen
Button, einen Link oder sonst wo.
Achtet auf die Uhr und verwaltet
Timer und zeitgesteuerte
Events.
Merkt, wenn der Benutzer ein
Formular abschickt.
Weiß, wann der Benutzer Einga-
ben auf der Tastatur macht.
Merkt, wenn die Größe der Seite ver-
ändert oder die Seite gescrollt wurde.
Weiß, wann ein Element den
Fokus der Benutzerschnittstelle
erhält.
Weiß, wann die Kekse fertig
gebacken sind.
Suchen Sie sich zwei der oben stehenden Events aus. Welchen interessanten oder
coolen Code würden Sie schreiben, wenn der Browser Ihren Code bei Auftreten
dieser Events informieren könnte?
Nein, Sie können das Keks-
Event hier nicht benutzen!
Holt zusätzliche Daten für Ihre
Seite.
Kopf-
nuss
Spitzen Sie Ihren Bleistift

Get JavaScript-Programmierung von Kopf bis Fuß now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.