SELFHTML: HTML/XHTML / Universalattribute / Event-Handler für Scripts

SELFHTML/Navigationshilfen HTML/XHTML Universalattribute
	Event-Handler für Scripts
	Event-Handler notieren Übersicht der universalen Event-Handler

Event-Handler notieren

Event-Handler (Ereignisbehandler) sind HTML-Attribute, die eine Verknüpfung zu einer Script-Sprache herstellen. Ein Ereignis ist zum Beispiel ein Mausklick oder ein Tastendruck des Anwenders. Ein Element, das einen Event-Handler enthält, kann auf ein solches Ereignis reagieren, wenn das Ereignis im Anzeigebereich des Elements stattfindet. Mit dem Event-Handler können Sie beispielsweise eine JavaScript-Funktion aufrufen, die das Ereignis verarbeitet und reagiert.

Beispiel:

Anzeigebeispiel: So sieht's aus

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Event-Handler notieren</title>
<script type="text/javascript">
function Ergebnis () {
  document.Formular.Eingabe.value = eval(document.Formular.Eingabe.value);
}
</script>
</head>
<body>

<form name="Formular" action="">
  <p>Geben Sie eine Rechenoperation mit Grundrechenarten ein und klicken Sie dann
  auf den Button neben dem Eingabefeld:</p>
  <p>
    <input type="text" name="Eingabe" size="30">
    <input type="button" value=" = " onclick="Ergebnis()">
  </p>
</form>

</body>
</html>

Erläuterung:

Das Beispiel enthält ein Formular mit einem Eingabefeld und einem Klick-Button. Beim Klick-Button ist der Event-Handler onclick notiert, der beim Anklicken des Buttons die JavaScript-Funktion Ergebnis() aufruft, die im Dateikopf in einem Script-Bereich notiert ist. Diese Funktion holt sich den Inhalt aus dem Eingabefeld, berechnet ihn und schreibt das Ergebnis wieder in das Eingabefeld.

Beachten Sie:

Das obige Beispiel funktioniert auch mit älteren, JavaScript-fähigen Browsern. Solche Browser interpretieren Event-Handler nur in sehr eingeschränkter Form, nämlich bei Formularelementen und einigen wenigen anderen Elementen. Das Konzept der Event-Handler geht jedoch viel weiter. So kann beispielsweise auch eine Tabellenzelle beim Anklicken ihre Hintergrundfarbe wechseln usw. Solche dynamischen Änderungen am Dokument funktionieren aber erst mit neueren Browsern (Internet Explorer ab Version 4.x, Netscape ab Version 6.x).

Übersicht der universalen Event-Handler

Die folgende Tabelle listet nur solche Event-Handler auf, die im HTML-Standard als weitgehend universell und für die meisten HTML-Elemente einsetzbar festgehalten sind. Es gibt noch weitere Event-Handler, die jedoch nur für bestimmte Elemente gültig sind. Lesen Sie dazu auch den Abschnitt im JavaScript-Kapitel über Event-Handler.

Attribut	Bedeutung	Beispiel	Erlaubt bei HTML-Elementen
`onclick`	Für den Fall, dass der Anwender ein Element anklickt.	siehe JavaScript-Kapitel: onclick	siehe HTML-Referenz: Universalattribute
`ondblclick`	Für den Fall, dass der Anwender ein Element doppelt anklickt.	siehe JavaScript-Kapitel: ondblclick	siehe HTML-Referenz: Universalattribute
`onmousedown`	Tritt ein, wenn der Anwender die Maustaste gedrückt hält.	siehe JavaScript-Kapitel: onmousedown	siehe HTML-Referenz: Universalattribute
`onmouseup`	Tritt ein, wenn der Anwender die Maustaste gedrückt hat und sie nun wieder loslässt.	siehe JavaScript-Kapitel: onmouseup	siehe HTML-Referenz: Universalattribute
`onmouseover`	Tritt ein, wenn der Anwender mit der Maus über ein Element fährt.	siehe JavaScript-Kapitel: onmouseover	siehe HTML-Referenz: Universalattribute
`onmousemove`	Tritt ein, wenn der Anwender die Maus bewegt, unabhängig davon, ob die Maustaste gedrückt ist oder nicht.	siehe JavaScript-Kapitel: onmousemove	siehe HTML-Referenz: Universalattribute
`onmouseout`	Tritt ein, wenn der Anwender mit der Maus über ein Element fährt und dieses dabei verlässt.	siehe JavaScript-Kapitel: onmouseout	siehe HTML-Referenz: Universalattribute
`onkeypress`	Tritt ein, wenn der Anwender eine Taste drückt und diese gedrückt hält.	siehe JavaScript-Kapitel: onkeypress	siehe HTML-Referenz: Universalattribute
`onkeydown`	Tritt ein, wenn der Anwender, während er ein Element aktiviert hat, eine Taste drückt.	siehe JavaScript-Kapitel: onkeydown	siehe HTML-Referenz: Universalattribute
`onkeyup`	Tritt ein, wenn der Anwender, eine Taste gedrückt hat und diese wieder loslässt.	siehe JavaScript-Kapitel: onkeyup	siehe HTML-Referenz: Universalattribute


	Unterschiede zwischen XHTML und HTML
	Allgemeine Universalattribute

SELFHTML/Navigationshilfen HTML/XHTML Universalattribute