HTML Ereignisattribute
Globale Ereignisattribute
Eines der neuen Merkmale von HTML 4 ist die Möglichkeit, HTML-Ereignisse Verhaltensweisen im Browser auslösen zu lassen, zum Beispiel das Starten eines Stücks JavaScript, wenn ein Benutzer auf ein HTML-Element klickt.
Wenn Sie mehr über Ereignisattribute erfahren möchten, besuchen Sie bitteJavaScript-Tutorial
Die folgende Tabelle enthält Standard-Ereignisattribute, die in HTML/XHTML-Elemente eingefügt werden können, um das Ereignisverhalten zu definieren.
Neu: In HTML5 hinzugefügte Ereignisattribute.
Fenster-Ereignisattribute
Das Ereignis wird vom Fenster ausgelöst (anwendbar auf das <body>-Tag):
| Attribute | Wert | Beschreibung |
|---|---|---|
| onafterprintNeu | script | Skript nach dem Drucken eines Dokuments ausführen |
| onbeforeprintNeu | script | Skript vor dem Drucken eines Dokuments ausführen |
| onbeforeonloadNeu | script | Skript ausführen, bevor das Dokument geladen wird |
| onblur | script | Skript ausführen, wenn das Fenster den Fokus verliert |
| onerrorNeu | script | Skript ausführen, wenn ein Fehler auftritt |
| onfocus | script | Skript ausführen, wenn das Fenster den Fokus erhält |
| onhashchangeNeu | script | Skript ausführen, wenn sich das Dokument ändert |
| onload | script | Skript ausführen, wenn das Dokument geladen wird |
| onmessageNeu | script | Skript ausführen, wenn eine Nachricht ausgelöst wird |
| onofflineNeu | script | Skript ausführen, wenn das Dokument offline geht |
| ononlineNeu | script | Skript ausführen, wenn das Dokument online geht |
| onpagehideNeu | script | Skript ausführen, wenn das Fenster ausgeblendet ist |
| onpageshowNeu | script | Skript ausführen, wenn das Fenster sichtbar ist |
| onpopstateNeu | script | Skript ausführen, wenn sich der Fensterverlauf ändert |
| onredoNeu | script | Skript ausführen, wenn das Dokument eine Redo-Operation ausführt |
| onresizeNeu | script | Skript ausführen, wenn die Größe des Fensters geändert wird |
| onstorageNeu | script | Skript ausführen, wenn der Web Storage-Bereich aktualisiert wird (wenn sich die Daten im Speicherplatz ändern) |
| onundoNeu | script | Skript ausführen, wenn das Dokument einen Rückgängig-Vorgang ausführt |
| onunloadNeu | script | Skript ausführen, wenn der Benutzer das Dokument verlässt |
Formular-Ereignisse
Formularereignisse werden in HTML-Formularen ausgelöst (anwendbar auf alle HTML-Elemente, aber das HTML-Element muss sich innerhalb eines Formulars befinden):
| Attribute | Wert | Beschreibung |
|---|---|---|
| onblur | script | Skript ausführen, wenn ein Element den Fokus verliert |
| onchange | script | Skript ausführen, wenn sich ein Element ändert |
| oncontextmenuNeu | script | Skript ausführen, wenn das Kontextmenü ausgelöst wird |
| onfocus | script | Skript ausführen, wenn ein Element den Fokus erhält |
| onformchangeNeu | script | Skript ausführen, wenn sich das Formular ändert |
| onforminputNeu | script | Skript ausführen, wenn das Formular eine Benutzereingabe empfängt |
| oninputNeu | script | Skript ausführen, wenn ein Element eine Benutzereingabe empfängt |
| oninvalidNeu | script | Skript ausführen, wenn ein Element ungültig ist |
| onreset | script | Skript ausführen, wenn das Formular zurückgesetzt wird.In HTML 5 nicht unterstützt. |
| onselect | script | Skript ausführen, wenn ein Element ausgewählt wird |
| onsubmit | script | Skript ausführen, wenn das Formular abgesendet wird |
Tastatur-Ereignisse
| Attribute | Wert | Beschreibung |
|---|---|---|
| onkeydown | script | Skript ausführen, wenn eine Taste gedrückt wird |
| onkeypress | script | Skript ausführen, wenn eine Taste gedrückt und losgelassen wird |
| onkeyup | script | Skript ausführen, wenn eine Taste losgelassen wird |
Maus-Ereignisse
Durch die Maus ausgelöste Ereignisse, ähnlich wie Benutzeraktionen:
| Attribute | Wert | Beschreibung |
|---|---|---|
| onclick | script | Skript ausführen, wenn die Maus angeklickt wird |
| ondblclick | script | Skript ausführen, wenn die Maus doppelt angeklickt wird |
| ondragNeu | script | Skript ausführen, wenn ein Element gezogen wird |
| ondragendNeu | script | Skript ausführen, wenn ein Ziehvorgang endet |
| ondragenterNeu | script | Skript ausführen, wenn ein Element auf ein gültiges Ablageziel gezogen wird |
| ondragleaveNeu | script | Skript ausführen, wenn ein Element ein gültiges Ablageziel verlässt |
| ondragoverNeu | script | Skript ausführen, wenn ein Element über ein gültiges Ablageziel gezogen wird |
| ondragstartNeu | script | Skript ausführen, wenn ein Ziehvorgang beginnt |
| ondropNeu | script | Skript ausführen, wenn ein gezogenes Element abgelegt wird |
| onmousedown | script | Skript ausführen, wenn eine Maustaste gedrückt wird |
| onmousemove | script | Skript ausführen, wenn sich der Mauszeiger bewegt |
| onmouseout | script | Skript ausführen, wenn der Mauszeiger ein Element verlässt |
| onmouseover | script | Skript ausführen, wenn sich der Mauszeiger über einem Element bewegt |
| onmouseup | script | Skript ausführen, wenn eine Maustaste losgelassen wird |
| onmousewheelNeu | script | Skript ausführen, wenn das Mausrad gedreht wird |
| onscrollNeu | script | Skript ausführen, wenn die Bildlaufleiste eines Elements gescrollt wird |
Medienereignisse
Dieses Ereignis wird von Videos, Bildern oder Audio ausgelöst und wird meist auf HTML-Medienelemente wie <audio>, <embed>, <img>, <object> und <video> angewendet:
| Attribute | Wert | Beschreibung |
|---|---|---|
| onabort | script | Skript ausführen, wenn ein abort-Ereignis auftritt |
| oncanplayNeu | script | Skript ausführen, wenn die Medienwiedergabe starten kann, aber möglicherweise zum Puffern angehalten werden muss |
| oncanplaythroughNeu | script | Skript ausführen, wenn die Medien bis zum Ende abgespielt werden können, ohne zum Puffern anzuhalten |
| ondurationchangeNeu | script | Skript ausführen, wenn sich die Medienlänge ändert |
| onemptiedNeu | script | Skript ausführen, wenn das Medienressourcenelement plötzlich leer wird (Netzwerkfehler, Ladefehler usw.) |
| onendedNeu | script | Skript ausführen, wenn die Medien das Ende erreichen |
| onerrorNeu | script | Skript ausführen, wenn beim Laden des Elements ein Fehler auftritt |
| onloadeddataNeu | script | Skript ausführen, wenn Mediendaten geladen werden |
| onloadedmetadataNeu | script | Skript ausführen, wenn die Dauer des Medienelements und andere Mediendaten geladen wurden |
| onloadstartNeu | script | Skript ausführen, wenn der Browser beginnt, Mediendaten zu laden |
| onpauseNeu | script | Skript ausführen, wenn Mediendaten pausiert werden |
| onplayNeu | script | Skript ausführen, wenn Mediendaten kurz davor sind, abgespielt zu werden |
| onplayingNeu | script | Skript ausführen, wenn die Wiedergabe der Mediendaten gestartet wurde |
| onprogressNeu | script | Skript ausführen, wenn der Browser Mediendaten abruft |
| onratechangeNeu | script | Skript ausführen, wenn sich die Wiedergabegeschwindigkeit der Mediendaten ändert |
| onreadystatechangeNeu | script | Skript ausführen, wenn sich der ready-state ändert |
| onseekedNeu | script | Skript ausführen, wenn das seeking-Attribut des Medienelements |
| onseekingNeu | script | Skript ausführen, wenn das seeking-Attribut des Medienelements true ist und das Seeking begonnen hat |
| onstalledNeu | script | Skript ausführen, wenn beim Abrufen von Mediendaten ein Fehler auftritt (Verzögerung) |
| onsuspendNeu | script | Skript ausführen, wenn der Browser aufhört, Mediendaten abzurufen, bevor die gesamte Mediendatei abgerufen wurde |
| ontimeupdateNeu | script | Skript ausführen, wenn die Medien ihre Wiedergabeposition ändern |
| onvolumechangeNeu | script | Skript ausführen, wenn sich die Lautstärke der Medien ändert oder wenn die Lautstärke auf stumm gesetzt wird |
| onwaitingNeu | script | Skript ausführen, wenn die Medienwiedergabe angehalten wurde, aber fortgesetzt werden soll |
Weitere Ereignisse
| Attribute | Wert | Beschreibung |
|---|---|---|
| onshowNeu | script | Wird ausgelöst, wenn das <menu>-Element in einem Kontext angezeigt wird |
| ontoggleNeu | script | Wird ausgelöst, wenn der Benutzer das <details>-Element öffnet oder schließt |