RSS

Event-Handler

Sitzungsüberblick: Dynamisierung: JavaScript (23.11.2007)
123456
7
89101112
Zurück zur Kursübersicht

Event-Handler sind ein wichtiges Bindeglied zwischen (X)HTML und JavaScript. Sie werden meist in Form von Attributen in HTML-Tags notiert. Da es sich um Bestandteile handelt, die innerhalb von HTML vorkommen, hat das W3-Konsortium die Event-Handler in den HTML-Sprachstandard mit aufgenommen (mehr bei SelfHTML).
Event-Handler erkennt man pragmatisch daran, dass sie immer mit on beginnen.

  • Drei bedeutende Beispiele sind:
    • onclick: Beim Klick auf das Element (in der Regel ein Link) wird etwas (z.B. eine Javascript-Funktion) ausgelöst.
    • onload: Beim Öffnen einer Datei (z.B. der HTML-Datei) wird etwas ausgelöst.
    • onmouseover: Beim Überfahren des Elements mit der Maus wird etwas ausgeführt.

Abhängig von einem bestimmten Ereignis (Klick, Mausbewegung etc.) wird bei allen Event-Handlern eine Anweisung durchgeführt. Event-Handler gehören zu den so genannten Universal-Attributen und können in verschiedenen HTML-Elementen verwendet werden. Eine exakte Beschreibung dazu ist hier zu finden.

Beispiel:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HKI Proseminar: JavaScript</title>
</head>
<body>
Wenn Sie <a href="http://www.wikipedia.de" onclick="alert('Wollen Sie wirklich zur Wikipedia wechseln?')">hier</a> klicken, gelangen Sie nach einem weiteren Dialog zur Wikipedia!
</body>
</html>