JavaScript Event Objekt

Das JavaScript Event-Objekt speichert Informationen zu Ereignissen (Event: engl. Ereignis), die von einem Anwender ausgegangen sind. Ereignisse sind von Benutzer einer Seite eingeleitete Aktionen, wie beispielsweise Mausklicks (onClick), Mausbewegungen oder das Betätigen von Tasten. Auf diese Ereignisse kann mit Hilfe eines sogenannten Event-Handlers, einer Behandlungsfunktion zur Verarbeitung eines Events, reagiert werden. Beachten Sie hierzu bitte auch unsere Event-Anwendungsbeispiele, die Sie samt kommentiertem Quellcode auf den Folgeseiten finden.

Events können auf globaler Ebene verarbeitet werden, indem entsprechende Funktionen (Event-Handler) programmiert werden, die auf aufgetretene Anwenderereignisse reagieren. Dazu muss einem Event ein Event-Handler auf Ebene des Browserfensters oder des Dokuments zugewiesen werden. Bei einem Event-Handler handelt es sich um eine Funktion, die als einzigen Parameter das Event-Objekt erhält, welches die Informationen zum aufgetretenen Events enthält. Aufgrund dieser Informationen kann diese Funktion die gewünschten Reaktionen auslösen.

Überwacht werden können Events aber nicht nur auf globaler Ebene mit den JavaScript-Objekten Window bzw. Document. Auch auf der Ebene eines HTML-Elements kann ein Event-Handler definiert werden. Dabei wird für das HTML-Element und das entsprechende Event eine Event-Handler-Funktion zugewiesen, die auf das Ereignis reagiert. Wurde einem Event ein Event-Handler zugewiesen, so wird dieser automatisch aufgerufen, wenn das jeweilige Event aufgetreten ist.

Events werden jeweils von der untersten Ebene (beispielsweise einem HTML-Tag) ausgehend auf die nächst höhere Ebene durchgereicht. Die höchste Ebene, die erreicht werden kann ist dabei das Window-Objekt. Durchgereicht wird das Event solange, bis kein höheres Element im HTML-Elementenbaum (s. a. DOM) mehr gefunden wurde. Auf jeder dieser Ebenen kann ein Event-Handler für das entsprechende Event definiert werden.

weiter zu Seite 2 3 4 »