JavaScript-Programmierung von Kopf bis Fuß

402 Kapitel 9

Das Bilderrätsel testen

Probefahrt für das Event-Objekt und die target-Eigenschaft

Aktualisieren Sie den Code in »image.html« und machen Sie eine Probefahrt.

Raten Sie das Bild, klicken Sie und lassen Sie sich die scharfe Version anzeigen.

Denken Sie darüber nach, dass diese App nicht als Folge von Anweisungen

entwickelt ist, sondern als Gruppe von Aktionen, die ausgeführt werden,

wenn durch das Anklicken eines Bilds ein Event ausgelöst wird. Überlegen

Sie auch, wie Sie sämtliche Events für die Bilder mit nur einem Stückchen

Code verarbeiten, das schlau genug ist, um zu wissen, welches Bild angeklickt

wurde. Was passiert, wenn Sie zweimal klicken? Passiert da überhaupt etwas?

Jetzt können wir alle Bilder

anklicken, um die scharfe

Version zu sehen. Wie gut

haben Sie abgeschnitten?

Wie könnten Sie vorgehen, wenn

ein Bild ein paar Sekunden nach

Anzeigen der Antwort wieder

weichgezeichnet dargestellt

werden soll?

F:

Wird dem onload-Event-Handler auch ein Event-

Objekt übergeben?

A: Ja. Und auch hier enthält das Objekt Informationen

wie target (in diesem Fall das window-Objekt), die Zeit des

Aufrufs und den Typ des Events (hier: »load«). Üblicherweise

wird das Event-Objekt in load-Handlern eher selten benutzt,

weil es für diese Art von Event einfach nicht besonders

nützlich ist. Manchmal ist das Event-Objekt hilfreicher als in

anderen Situationen, je nachdem, mit welcher Art von Event

Sie es zu tun haben. Wenn Sie nicht sicher sind, was das

Event-Objekt für einen bestimmten Event-Typ enthält, lesen

Sie einfach im JavaScript-Referenzwerk Ihrer Wahl nach.

Es gibt keine

Dummen Fragen

Kopf-

nuss