JavaScript-Programmierung von Kopf bis Fuß

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