Was sind die HTML-Ereignisse?

HTML-Ereignisse umfassen: 1. Fensterereignisse, die durch Fensterobjekte ausgelöst werden; 3. Tastaturereignisse, die durch Maus- oder ähnliche Benutzeraktionen ausgelöst werden; (z. B. Video, Bilder und Audio).

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

HTML bietet die Möglichkeit, dass Ereignisse Aktionen im Browser auslösen, z. B. das Starten von JavaScript, wenn der Benutzer auf ein Element klickt.

Ereignisse in HTML

1, Fensterereignis

Für das Fensterobjekt ausgelöste Ereignisse (auf das -Tag angewendet):

Attributes	Value	De Skript
onafterprint	script	Skript, das nach dem Drucken des Dokuments ausgeführt wird.
onbeforeprint	script	Script, das vor dem Drucken des Dokuments ausgeführt wird.
onbeforeunload	script	Skript, das ausgeführt wird, bevor das Dokument entladen wird.
onerror	script	Script, das ausgeführt wird, wenn ein Fehler auftritt.
onhachange	script	Skript, das ausgeführt wird, wenn sich das Dokument geändert hat.
onload	script	Wird ausgelöst, nachdem der Ladevorgang der Seite beendet ist.
onmessage	script	Skript, das ausgeführt wird, wenn eine Nachricht ausgelöst wird.
onoffline	Skript	Skript, das ausgeführt wird, wenn das Dokument offline ist.
ononline	Skript	Skript, das ausgeführt wird, wenn das Dokument online geht.
onpagehide	script	Script, das ausgeführt wird, wenn das Fenster ausgeblendet ist.
onpageshow	script	Script, das ausgeführt wird, wenn das Fenster sichtbar wird.
onpopstate	script	Skript, das ausgeführt wird, wenn sich der Fensterverlauf ändert.
onredo	script	Skript, das ausgeführt wird, wenn ein Dokument eine Wiederherstellung durchführt.
onresize	script	Wird ausgelöst, wenn die Größe des Browserfensters geändert wird.
onstorage	script	Script, das ausgeführt wird, nachdem der Web Storage-Bereich aktualisiert wurde.
onundo	script	Skript, das ausgeführt wird, wenn das Dokument „Undo“ ausführt.
onunload	script	Wird ausgelöst, sobald die Seite heruntergeladen wurde (oder das Browserfenster geschlossen wurde).

2. Formularereignis

Ereignisse, die durch Aktionen in HTML-Formularen ausgelöst werden (werden auf fast alle HTML-Elemente angewendet, werden jedoch am häufigsten in Formularelementen verwendet):

Attribute	Wert	Beschreibung
onblur	script	Skript, das ausgeführt wird, wenn das Element den Fokus verliert.
onchange	script	Skript, das ausgeführt wird, wenn der Elementwert geändert wird.
oncontextmenu	script	Skript, das ausgeführt wird, wenn das Kontextmenü ausgelöst wird.
onfocus	script	Skript, das ausgeführt wird, wenn ein Element den Fokus erhält.
onformchange	script	Skript, das ausgeführt wird, wenn sich das Formular ändert.
onforminput	script	Skript, das ausgeführt wird, wenn das Formular Benutzereingaben erhält.
oninput	script	Ein Skript, das ausgeführt wird, wenn ein Element Benutzereingaben erhält.
oninvalid	script	Skript, das ausgeführt wird, wenn ein Element ungültig ist.
onreset	script	Wird ausgelöst, wenn auf die Schaltfläche „Zurücksetzen“ im Formular geklickt wird. Wird in HTML5 nicht unterstützt.
onselect	script	wird ausgelöst, wenn der Text im Element ausgewählt wird.
onsubmit	script	wird ausgelöst, wenn das Formular gesendet wird.

3. Tastaturereignis

Attribut	Wert	Beschreibung
onkeydown	script	wird ausgelöst, wenn der Benutzer die Taste drückt.
onkeypress	script	wird ausgelöst, wenn der Benutzer auf die Schaltfläche tippt.
onkeyup	script	Wird ausgelöst, wenn der Benutzer die Taste loslässt.

4. Mausereignis

Ereignis, das durch eine Maus oder eine ähnliche Benutzeraktion ausgelöst wird:

Attribute	Wert	Beschreibung
onclick	Script	Wird ausgelöst, wenn ein Mausklick erfolgt Element.
ondblclick	script	Wird ausgelöst, wenn ein Mausdoppelklick auf das Element erfolgt.
ondrag	script	Skript, das ausgeführt wird, wenn ein Element gezogen wird.
ondragend	script	Skript, das am Ende eines Ziehvorgangs ausgeführt wird.
ondragenter	script	Skript, das ausgeführt wird, wenn ein Element in eine gültige Drop-Zone gezogen wurde.
ondragleave	script	Skript, das ausgeführt wird, wenn ein Element ein gültiges Drag-and-Drop-Ziel verlässt.
ondaragover	script	Skript, das ausgeführt wird, wenn ein Element auf ein gültiges Ziehziel gezogen wird.
ondaragstart	script	Ein Skript, das zu Beginn eines Ziehvorgangs ausgeführt wird.
ondrop	script	Skript, das ausgeführt wird, wenn das gezogene Element per Drag & Drop verschoben wird.
onmousedown	script	Wird ausgelöst, wenn die Maustaste auf dem Element gedrückt wird.
onmousemove	script	Wird ausgelöst, wenn sich der Mauszeiger über ein Element bewegt.
onmouseout	script	Wird ausgelöst, wenn sich der Mauszeiger aus dem Element bewegt.
onmouseover	script	Wird ausgelöst, wenn sich der Mauszeiger über ein Element bewegt.
onmouseup	script	Wird ausgelöst, wenn die Maustaste auf dem Element losgelassen wird.
onmousewheel	script	Skript, das ausgeführt wird, wenn das Mausrad gescrollt wird.
onscroll	script	Skript, das ausgeführt wird, wenn die Bildlaufleiste des Elements gescrollt wird.

5. Medienereignis

Ereignisse, die durch Medien (z. B. Video, Bild und Audio) ausgelöst werden (gilt für alle HTML-Elemente, finden sich jedoch häufig in Medienelementen wie