Nightfire Java Archiv - HTML/JavaScript

[]
Mit Hilfe von Eventhandlern können JavaScript- Funktionen ereignisgesteuert ausgeführt werden.

Wie ist das zu verstehen?

Die Inhalte von Formularfeldern werden beispielsweise bei der herkömmlichen Verarbeitung erst nach abgeschlossener Eingabe an ein CGI- Script geschickt. Die geschieht üblicherweise bei der Aktivierung eines Submit- Buttons. Was während der Eingabe passiert, entzieht sich der Kenntnis des CGI- Scripts.

JavaScript bietet die Möglichkeit, bereits während der Eingabe auf Events (Ereignisse) zu reagieren. Das Werkzeug, das JavaScript dafür bereitstellt, heisst Event- Handler.

Die grundsätzliche Benutzung sieht so aus, dass ein Programmierer festlegen kann, welcher Programmcode ausgeführt werden soll, wenn ein bestimmtes Event bei einem HTML- Element eintritt. Dazu wird der Event- Handler als HTML- Attribut geschrieben und der JavaScript- Code als Wert des Attributes.

Beispiel: <body onload="alert('Willkommen');">
Bei diesem Beispiel wird beim Laden einer Seite ein Alert- Fenster geöffnet, welches den Besucher willkommen heisst.

Neben onload gibt es noch eine Reihe weiterer Event- Handler. Welche dies sind, und mit welchen HTML- Elementen sie verwendet werden können, zeigt die folgende Tabelle.

Event- Handler anwendbar bei Beschreibung

onAbort img tritt ein, wenn der Benutzer das Laden eines Bildes unterbricht

onBlur button, checkbox, fileupload, frame (body), password, radio, reset, select, submit, text, textarea, window (body, frameset) tritt ein, wenn die Eingabe in einem der genannten Felder beendet ist und der Benutzer ein anderes Feld aktiviert

onChange fileupload, select, text, textarea tritt ein, nachdem ein Feld deaktiviert wurde und ein Änderung darin stattgefunden hat. Werden onChange und onBlur zusammen verwendet, wird zuerst onChange und dann onBlur ausgeführt

onClick button, checkbox, link (a, area), radio, reset, submit tritt ein, wenn eines der nebenstehenden Felder mit der Maus angeklickt wird. Man beachte, dass onClick auch bei Links erlaubt ist

onError img, window (body) tritt ein, wenn ein Bild nicht geladen werden kann oder wenn bei der Ausführung eines JavaScript- Programms ein Fehler auftritt.

onFocus button, checkbox, fileupload, frame (body), password, radio, reset, select, submit, text, textarea, window (body, frameset) focus ist das Gegenstück zu blur und tritt ein, wenn der Benutzer eines der Objekte aktiviert.

onLoad frame (body), img, window (body, frameset) tritt nach dem Laden eines HTML- Dokuments, nach dem Laden aller Frames eines Frames- Dokuments oder nach dem Laden eines Bildes ein.

onMouseOut link (a, area) tritt ein, wenn der Benutzer den Mauszeiger von dem Link bewegt hat

onMouseOver link (a, area) tritt ein, wenn der Benutzer den Mauszeiger über den Link bewegt

onReset form reagiert auf das Drücken des Reset- Buttons durch den Benutzer

onSelect text, textarea tritt ein, wenn der Benutzer einen Textausschnitt markiert hat

onSubmit form tritt ein, wenn der Benutzer versucht, die eingegebenen Formulardaten an den Server zu schicken, üblicherweise durch Drücken des Submit- Buttons. Die Daten werden nur dann abgeschickt, wenn der JavaScript- Code, der duch den Event- Handler ausgeführt wird, den booleschen Wert true zurückliefert.

onUnload frame (body), window (body, frameset) ist das Gegenstück zu onLoad und tritt ein, wenn der Benutzer eine Webseite verlässt.

Mitglied bei Linkstation

Event- Handler	anwendbar bei	Beschreibung
onAbort	img	tritt ein, wenn der Benutzer das Laden eines Bildes unterbricht
onBlur	button, checkbox, fileupload, frame (body), password, radio, reset, select, submit, text, textarea, window (body, frameset)	tritt ein, wenn die Eingabe in einem der genannten Felder beendet ist und der Benutzer ein anderes Feld aktiviert
onChange	fileupload, select, text, textarea	tritt ein, nachdem ein Feld deaktiviert wurde und ein Änderung darin stattgefunden hat. Werden onChange und onBlur zusammen verwendet, wird zuerst onChange und dann onBlur ausgeführt
onClick	button, checkbox, link (a, area), radio, reset, submit	tritt ein, wenn eines der nebenstehenden Felder mit der Maus angeklickt wird. Man beachte, dass onClick auch bei Links erlaubt ist
onError	img, window (body)	tritt ein, wenn ein Bild nicht geladen werden kann oder wenn bei der Ausführung eines JavaScript- Programms ein Fehler auftritt.
onFocus	button, checkbox, fileupload, frame (body), password, radio, reset, select, submit, text, textarea, window (body, frameset)	focus ist das Gegenstück zu blur und tritt ein, wenn der Benutzer eines der Objekte aktiviert.
onLoad	frame (body), img, window (body, frameset)	tritt nach dem Laden eines HTML- Dokuments, nach dem Laden aller Frames eines Frames- Dokuments oder nach dem Laden eines Bildes ein.
onMouseOut	link (a, area)	tritt ein, wenn der Benutzer den Mauszeiger von dem Link bewegt hat
onMouseOver	link (a, area)	tritt ein, wenn der Benutzer den Mauszeiger über den Link bewegt
onReset	form	reagiert auf das Drücken des Reset- Buttons durch den Benutzer
onSelect	text, textarea	tritt ein, wenn der Benutzer einen Textausschnitt markiert hat
onSubmit	form	tritt ein, wenn der Benutzer versucht, die eingegebenen Formulardaten an den Server zu schicken, üblicherweise durch Drücken des Submit- Buttons. Die Daten werden nur dann abgeschickt, wenn der JavaScript- Code, der duch den Event- Handler ausgeführt wird, den booleschen Wert true zurückliefert.
onUnload	frame (body), window (body, frameset)	ist das Gegenstück zu onLoad und tritt ein, wenn der Benutzer eine Webseite verlässt.