Event-Handler (Ereignisbehandler)
Die sogenannten Event-Handler erkennt man an der Vorsilbe on.
Sie enthalten Funktionen oder Anweisungen die bei eintreffen des angegebenen Events ausgeführt werden.
Die bekanntesten Beispiele für den Event-Handler sind wohl <body onload="functionxy()"> zum Aufrufen einer JavaScript-Funktion oder die onMouseover - Funktion für den Bildwechsel beim Überfahren mit der Maus.
<img src="bild1.gif" onmouseover="this.src='bild2.gif'" onmouseout="this.src='bild1.gif'" /> 
Für die ganz alten Browser muss die Rollover oder auch Hoover-Funktion (siehe Beispiel darüber) extrem erweiter werden.
In Dreamweaver kann dies durch auswählen aus dem Menü Einfügen | Grafikobjekte | Rollover-Bild automatisch gehandelt werden.
Da dies aber nur noch auf knapp 1% der Browser zutrifft, reicht auch die Kurzvariante oben (spart Bytes und schafft Übersicht).
Nachfolgend eine Übersicht der Event-handler:
| Befehl | Beschreibung |
|---|---|
| onAbort | Abbruch eines Ladevorgangs (z.B. ESC) |
| onBlur | Verlust des Fensters im Vordergund / aktiviertes Feld/Fenster wird verlassen |
| onChange | Änderung eines Objekts |
| onClick | Einzelklick mit der Maus |
| onDblClick | Doppelklick mit der Maus |
| onDragDrop | Ziehen von Objekten mit der Maus |
| onError | Fehler im JavaScript (window.onError=Null; // gegen Programmabstürze) |
| onFocus | Informationen zum aktivierten Feld, Link, etc. (ähnlich dem "alt"-Tag) |
| onKeyDown | Runterdrücken einer Taste |
| onKeyPress | Auslösen / Drücken einer Taste |
| onKeyUp | Loslassen einer Taste |
| onLoad | Laden einer Funktion (<body onload="functionxy()">) |
| onMouseDown | Drücken der Maustaste |
| onMouseout | Mauszeiger verlässt das Objekt |
| onMouseover | Mauszeiger befindet sich über dem Objekt |
| onMouseup | Losslassen einer Maustaste |
| onMove | Bewegung mit der Maus |
| onReset | Neuladen / Zurücksetzen eines Formulars |
| onResize | Änderung der Fenstergröße |
| onSelect | Äuswählen von Seitenpassagen / Text |
| onSubmit | Abschicken eines Formulars |
| onUnload | Schliessen des Fensters / Formulars |
Weitere Beispiele und Erklärungen zur Anwendung des Eventhandlers findet man unter Selfhtml.org
© Agadoo 2001 - 2007