HTML Ereignisattribute
Globale Ereignisattribute
HTML bietet die Möglichkeit, dass Ereignisse Aktionen in einem Browser auslösen, wie etwa das Starten eines JavaScripts, wenn ein Benutzer auf ein Element klickt.
Um mehr über das Programmieren von Events zu erfahren, besuchen Sie bitte unser JavaScript-Tutorial.
Im Folgenden sind die globalen Ereignisattribute aufgeführt, die HTML-Elementen hinzugefügt werden können, um Ereignisaktionen zu definieren.
Fensterereignisattribute
Für das Fensterobjekt ausgelöste Ereignisse (gilt für das <body>-Tag):
| Attribut | Wert | Beschreibung |
|---|---|---|
| onafterprint | script | Skript, das nach dem Drucken des Dokuments ausgeführt werden soll |
| onbeforeprint | script | Skript, das ausgeführt werden soll, bevor das Dokument gedruckt wird |
| onbeforeunload | script | Skript, das ausgeführt werden soll, wenn das Dokument entladen werden soll |
| onerror | script | Skript, das ausgeführt werden soll, wenn ein Fehler auftritt |
| onhashchange | script | Skript, das ausgeführt wird, wenn Änderungen am Ankerteil einer URL vorgenommen wurden |
| onload | script | Wird ausgelöst, nachdem die Seite vollständig geladen wurde |
| onmessage | script | Skript, das ausgeführt werden soll, wenn die Nachricht ausgelöst wird |
| onoffline | script | Skript, das ausgeführt werden soll, wenn der Browser offline zu arbeiten beginnt |
| ononline | script | Skript, das ausgeführt werden soll, wenn der Browser online zu arbeiten beginnt |
| onpagehide | script | Skript, das ausgeführt wird, wenn ein Benutzer eine Seite verlässt |
| onpageshow | script | Skript, das ausgeführt werden soll, wenn ein Benutzer zu einer Seite navigiert |
| onpopstate | script | Skript, das ausgeführt werden soll, wenn sich der Verlauf des Fensters ändert |
| onresize | script | Wird ausgelöst, wenn die Größe des Browserfensters geändert wird |
| onstorage | script | Skript, das ausgeführt werden soll, wenn ein Web Storage-Bereich aktualisiert wird |
| onunload | script | Wird ausgelöst, sobald eine Seite entladen wurde (oder das Browserfenster geschlossen wurde) |
Formularereignisse
Ereignisse, die durch Aktionen innerhalb eines HTML-Formulars ausgelöst werden (gilt für fast alle HTML-Elemente, wird aber am häufigsten in Formularelementen verwendet):
| Attribut | Wert | Beschreibung |
|---|---|---|
| onblur | script | Wird in dem Moment ausgelöst, in dem das Element den Fokus verliert |
| onchange | script | Löst den Moment aus, in dem sich der Wert des Elements ändert |
| oncontextmenu | script | Skript, das ausgeführt werden soll, wenn ein Kontextmenü ausgelöst wird |
| onfocus | script | Löst den Moment aus, in dem das Element den Fokus erhält |
| oninput | script | Skript, das ausgeführt werden soll, wenn ein Element Benutzereingaben erhält |
| oninvalid | script | Skript, das ausgeführt werden soll, wenn ein Element ungültig ist |
| onreset | script | Wird ausgelöst, wenn in einem Formular auf die Schaltfläche „Zurücksetzen“ geklickt wird |
| onsearch | script | Wird ausgelöst, wenn der Benutzer etwas in ein Suchfeld schreibt (z <input="search">) |
| onselect | script | Wird ausgelöst, nachdem Text in einem Element ausgewählt wurde |
| onsubmit | script | Wird ausgelöst, wenn ein Formular gesendet wird |
Tastaturereignisse
| Attribut | Wert | Beschreibung |
|---|---|---|
| onkeydown | script | Wird ausgelöst, wenn ein Benutzer eine Taste drückt |
| onkeypress | script | Wird ausgelöst, wenn ein Benutzer eine Taste drückt |
| onkeyup | script | Wird ausgelöst, wenn ein Benutzer eine Taste loslässt |
Mausereignisse
| Attribut | Wert | Beschreibung |
|---|---|---|
| onclick | script | Wird bei einem Mausklick auf das Element ausgelöst |
| ondblclick | script | Wird bei einem Doppelklick mit der Maus auf das Element ausgelöst |
| onmousedown | script | Wird ausgelöst, wenn eine Maustaste auf ein Element gedrückt wird |
| onmousemove | script | Wird ausgelöst, wenn der Mauszeiger bewegt wird, während er sich über einem Element befindet |
| onmouseout | script | Wird ausgelöst, wenn der Mauszeiger ein Element verlässt |
| onmouseover | script | Wird ausgelöst, wenn der Mauszeiger über ein Element bewegt wird |
| onmouseup | script | Wird ausgelöst, wenn eine Maustaste über einem Element losgelassen wird |
| onmousewheel | script | Veraltet. Verwenden Sie stattdessen das Attribut onwheel |
| onwheel | script | Wird ausgelöst, wenn das Mausrad über einem Element nach oben oder unten rollt |
Ziehen Sie Ereignisse
| Attribut | Wert | Beschreibung |
|---|---|---|
| ondrag | script | Skript, das beim Ziehen eines Elements ausgeführt werden soll |
| ondragend | script | Skript, das am Ende eines Ziehvorgangs ausgeführt werden soll |
| ondragenter | script | Skript, das ausgeführt werden soll, wenn ein Element auf ein gültiges Ablageziel gezogen wurde |
| ondragleave | script | Skript, das ausgeführt wird, wenn ein Element ein gültiges Ablageziel verlässt |
| ondragover | script | Skript, das ausgeführt werden soll, wenn ein Element über ein gültiges Ablageziel gezogen wird |
| ondragstart | script | Skript, das zu Beginn eines Ziehvorgangs ausgeführt werden soll |
| ondrop | script | Skript, das ausgeführt werden soll, wenn ein gezogenes Element abgelegt wird |
| onscroll | script | Skript, das ausgeführt werden soll, wenn die Bildlaufleiste eines Elements gescrollt wird |
Ereignisse in der Zwischenablage
| Attribut | Wert | Beschreibung |
|---|---|---|
| oncopy | script | Wird ausgelöst, wenn der Benutzer den Inhalt eines Elements kopiert |
| oncut | script | Wird ausgelöst, wenn der Benutzer den Inhalt eines Elements ausschneidet |
| onpaste | script | Wird ausgelöst, wenn der Benutzer Inhalte in ein Element einfügt |
Medienveranstaltungen
Ereignisse, die durch Medien wie Videos, Bilder und Audio ausgelöst werden (gilt für alle HTML-Elemente, kommt aber am häufigsten bei Medienelementen vor, z. B <audio>, <embed>, <img>, <object>, und <video>).
Tipp: Weitere Informationen finden Sie in unserer HTML-Audio- und Video-DOM-Referenz.
| Attribut | Wert | Beschreibung |
|---|---|---|
| onabort | script | Skript, das bei Abbruch ausgeführt werden soll |
| oncanplay | script | Skript, das ausgeführt werden soll, wenn eine Datei zum Abspielen bereit ist (wenn sie ausreichend gepuffert ist, um mit der Wiedergabe zu beginnen) |
| oncanplaythrough | script | Skript, das ausgeführt werden soll, wenn eine Datei bis zum Ende ohne Pause zum Puffern abgespielt werden kann |
| oncuechange | script | Skript, das ausgeführt werden soll, wenn sich der Cue in einem <track>-Element ändert |
| ondurationchange | script | Skript, das ausgeführt werden soll, wenn sich die Länge des Mediums ändert |
| onemptied | script | Skript, das ausgeführt wird, wenn etwas Schlimmes passiert und die Datei plötzlich nicht mehr verfügbar ist (z. B. unerwartete Verbindungsabbrüche) |
| onended | script | Skript, das ausgeführt wird, wenn das Medium das Ende erreicht hat (ein nützliches Ereignis für Nachrichten wie „Danke fürs Zuhören“) |
| onerror | script | Skript, das ausgeführt werden soll, wenn beim Laden der Datei ein Fehler auftritt |
| onloadeddata | script | Skript, das beim Laden von Mediendaten ausgeführt werden soll |
| onloadedmetadata | script | Skript, das ausgeführt werden soll, wenn Metadaten (wie Abmessungen und Dauer) geladen werden |
| onloadstart | script | Skript, das ausgeführt wird, sobald die Datei geladen wird, bevor tatsächlich etwas geladen wird |
| onpause | script | Skript, das ausgeführt werden soll, wenn das Medium entweder vom Benutzer oder programmgesteuert angehalten wird |
| onplay | script | Skript, das ausgeführt werden soll, wenn das Medium zum Abspielen bereit ist |
| onplaying | script | Skript, das ausgeführt werden soll, wenn das Medium tatsächlich abgespielt wird |
| onprogress | script | Skript, das ausgeführt werden soll, wenn der Browser gerade die Mediendaten abruft |
| onratechange | script | Skript, das jedes Mal ausgeführt wird, wenn sich die Wiedergabegeschwindigkeit ändert (z. B. wenn ein Benutzer in einen Zeitlupen- oder Schnellvorlaufmodus wechselt) |
| onseeked | script | Skript, das ausgeführt werden soll, wenn das Suchattribut auf „false“ gesetzt ist, was anzeigt, dass die Suche beendet wurde |
| onseeking | script | Skript, das ausgeführt werden soll, wenn das Suchattribut auf „True“ gesetzt ist, was anzeigt, dass die Suche aktiv ist |
| onstalled | script | Skript, das ausgeführt wird, wenn der Browser aus irgendeinem Grund nicht in der Lage ist, die Mediendaten abzurufen |
| onsuspend | script | Das beim Abrufen der Mediendaten auszuführende Skript wird aus irgendeinem Grund gestoppt, bevor sie vollständig geladen sind |
| ontimeupdate | script | Skript, das ausgeführt wird, wenn sich die Abspielposition geändert hat (z. B. wenn der Benutzer schnell zu einer anderen Stelle im Medium vorspult) |
| onvolumechange | script | Skript, das jedes Mal ausgeführt wird, wenn die Lautstärke geändert wird (einschließlich der Einstellung der Lautstärke auf „Stumm“) |
| onwaiting | script | Skript, das ausgeführt werden soll, wenn das Medium angehalten wurde, aber voraussichtlich fortgesetzt wird (z. B. wenn das Medium angehalten wird, um mehr Daten zu puffern) |
Verschiedene Veranstaltungen
| Attribut | Wert | Beschreibung |
|---|---|---|
| ontoggle | script | Wird ausgelöst, wenn der Benutzer das <details>-Element öffnet oder schließt |
