4    Ereignisse

Sie lernen Elemente zur Behandlung von Ereignissen in mehreren Formen kennen, bis hin zum Event Listener.

JavaScript ermöglicht Ihnen, Programme zu schreiben, die auf Ereignisse (englisch: events) im Browser reagieren können. Auf diese Weise kann der Benutzer mit Ihrem Programm über die einfachen Rückgabewerte der Funktionen prompt() und confirm() hinaus interagieren.

Bei diesen Ereignissen kann es sich um den Klick auf eine Schaltfläche, die Auswahl eines Eintrags aus einer Liste, eine bestimmte Aktion mit der Maus, das Absenden eines Formulars und vieles mehr handeln.

Falls Ihr Programm auf ein Ereignis reagieren soll, dann entwickeln Sie im Normalfall eine JavaScript-Funktion. Diese enthält die Anweisungen, die im Falle des Ereignisses ausgeführt werden sollen.

Ein Eventhandler ist ein Element zur Ereignisbehandlung. Sie stellen damit eine Verbindung zwischen dem HTML-Element, bei dem das Ereignis ausgelöst wird, dem Ereignis selbst und der JavaScript-Funktion her.

4.1    Techniken der Ereignisbehandlung

Zunächst möchte ich Ihnen einen Überblick über drei verschiedene Techniken der Ereignisbehandlung geben:

• Klassische Ereignisbehandlung: Sie können Eventhandler innerhalb von HTML-Elementen anordnen. Dies ist die älteste Technik; sie funktioniert nach wie vor in den vielen unterschiedlichen Browsern und ist Bestandteil vieler bewährter Programme. Die Kenntnis dieser Technik erleichtert Ihnen die Pflege älterer Programme, ohne die gesamte Anwendung neu entwickeln zu müssen. Sie ist zudem Voraussetzung für das Verständnis der neueren Techniken.

• Ereignisse als Eigenschaften: Sie können einen Eventhandler einem Objekt als Eigenschaft zuweisen. Jedes HTML-Element eines Dokuments ist ein Objekt, auf das mithilfe des DOM zugegriffen werden kann. Der Begriff DOM steht für Document Object Model. Sie werden einzelne Aspekte des DOM bereits in diesem Kapitel kennenlernen. In Kapitel 5 werde ich es ausführlicher erläutern.

• Event Listener: Bei der Neuentwicklung eines Programms sollten Sie mit Event-Listenern arbeiten (englisch: to listen = zuhören, horchen). Diese Listener horchen in Ihrer Anwendung auf Ereignisse und sorgen für die Funktionsaufrufe. Dabei wird die Hierarchie des DOM durchlaufen.

Alle drei Techniken der Ereignisbehandlung werde ich Ihnen in den folgenden Abschnitten erläutern.