HTML5-Ereignisse

Ein Ereignis ist ein Objekt, das eine Zustandsänderung in einer Quelle beschreibt oder eine vom Programm erkannte Aktion oder ein Ereignis ist. Es kann von jedem generiert werden, der mit den Elementen in einer GUI interagiert. Einige der Aktivitäten, die Ereignisse auslösen, wie das Klicken auf eine Schaltfläche, die Eingabe von Zeichen über die Tastatur und vieles mehr. Dieses Tutorial listet die Zusammenfassung der Ereignisse in der Programmiersprache HTML5 auf. Diese Liste enthält auch eine kurze Beschreibung für jedes Ereignis.

In den folgenden Abschnitten werden einige der Attribute von Ereignissen aufgeführt:

HTML5-Ereignisse

Fensterereignisattribute

• onafterprint
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn das Dokument erfolgreich gedruckt wurde.
  • Syntax:
• onbeforeprint
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, bevor das Dokument gedruckt wird.
  • Syntax:
• onbeforeunload
  • Wert: Skript
  • Beschreibung: Es wird ausgelöst, bevor das Dokument entladen wird.
  • Syntax:
• onhaschange
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn der darin enthaltene Inhalt geändert wird.
  • Syntax:< body onhaschange=“funref()“>
• onerror
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn ein Fehler auftritt.
  • Syntax:
• laden
  • Wert: Skript
  • Beschreibung: Wird ausgeführt, wenn das Dokument geladen wird.
  • Syntax:< body onload =“script“>
• im Fokus
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn das Fenster den Fokus erhält.
  • Syntax:
• onmessage
  • Wert: Skript
  • Beschreibung: Das Skript sollte ausgeführt werden, wenn eine Nachricht ausgelöst wird.
  • Syntax:
• onoffline
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn die Internetverbindung besteht und die Website offline ist.
  • Syntax:
• ononline
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn das Dokument online geht.
  • Syntax:
• onpagehide
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn das Fenster ausgeblendet ist.
  • Syntax:< element onpagehide =“ handler(event)“>
• onpageshow
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn die Seite angezeigt wird, nachdem sie ausgeblendet wurde.
  • Syntax:< element onpageshow =“ handler(event)“>
• onpopstate
  • Wert: Skript
  • Beschreibung: Das Skript sollte ausgeführt werden, bevor das Popmenü angezeigt wird.
  • Syntax:< element onpopstate =“ handler(event)“>
• onredo
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn das Dokument eine Wiederherstellungsoption verwendet.
  • Syntax:< body onredo=“funref()“>
• onresize
  • Wert: Skript
  • Beschreibung: Das Skript, das ausgeführt werden soll, wenn die Größe des Fensters geändert wird.
  • Syntax:
• Onstorage
  • Wert: Skript
  • Beschreibung: Das Skript, das ausgeführt werden soll, wenn der Webspeicher aktualisiert wird.
  • Syntax:
• onundo
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn das Dokument eine Rückgängig-Option verwendet.
  • Syntax:
• onunload
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn der Benutzer das Dokument verlässt, während das Browserfenster geschlossen wurde.
  • Syntax:

Formularereignisattribute

• onblur
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn das Fenster den Fokus verliert.
  • Syntax:
• bei Änderung
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn die Kategorie eines Menüs geändert wird.
  • Syntax:
• oncontextmenu
  • Wert: Skript
  • Beschreibung: Es wird ausgelöst, wenn ein Kontextmenü für ein Element ausgelöst wird.
  • Syntax:< element contextmenu =“ menu_id „>
• onformchange
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn sich ein Elementwert im Formular ändert.
  • Syntax:< element onformchange =“script“>
• onforminput
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn ein Wert in das Formular eingegeben wird.
  • Syntax:
• oninput
  • Wert: Skript
  • Beschreibung: Skript, das ausgeführt werden soll, wenn ein Wert in das Eingabefeld eingegeben wird.
  • Syntax:
• onungültig
  • Wert: Skript
  • Beschreibung: Das Skript, das ausgeführt werden soll, wenn das Element ungültig wird.
  • Syntax:
• onselect
  • Wert: Skript
  • Beschreibung: Das Skript wird jedes Mal ausgeführt, wenn ein bestimmtes Feld ausgewählt wird.
  • Syntax:
• onsubmit
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn ein Formular gesendet wird.
  • Syntax:< form onsubmit =“script“>

Tastaturereignisattribute

• onkeydown
  • Wert: Skript
  • Beschreibung: Es wird ausgelöst, wenn der Benutzer jedes Mal eine Taste auf der Tastatur drückt.
  • Syntax:
• onkeyup
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn eine Taste gedrückt oder losgelassen wird.
  • Syntax:
• auf Tastendruck
  • Wert: Skript
  • Beschreibung: Es wird ausgelöst, wenn eine Taste gedrückt wurde.
  • Syntax:

Mausereignisattribute

• onclick
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn der Benutzer einmal mit der Maustaste klickt.
  • Syntax:
• ondbclick
  • Wert: Skript
  • Beschreibung: Es wird ausgelöst, wenn der Benutzer zweimal mit der Maustaste klickt.
  • Syntax:< element ondbclick =“script“>
• ondrag
  • Wert: Skript
  • Beschreibung: Skript, das beim Ziehen eines Elements ausgeführt werden soll.
  • Syntax:
• hervorragend
  • Wert: Skript
  • Beschreibung: Wird am Ende des Ziehvorgangs ausgelöst.
  • Syntax:< element ondragend =“ handler(event)“>
• ondragenter
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn ein Element auf ein gültiges Ablageziel gezogen wurde.
  • Syntax:< element ondragenter =“ handler(event)“>
• ondragleave
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn ein Element ein gültiges Ablageziel verlässt.
  • Syntax:< element ondragleave =“ handler(event)“>
• ondragover
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn ein Element über ein gültiges Ablageziel gezogen wird.
  • Syntax:< element ondragover =“ handler(event)“>
• ondragstart
  • Wert: Skript
  • Beschreibung: Es > Skript, das ausgeführt werden soll, wenn der Ziehvorgang beginnt.
  • Syntax:< element ondragstart =“ handler(event)“>
• ondrop
  • Wert: Skript
  • Beschreibung: Es > Es wird ausgelöst, wenn der Benutzer das ziehbare Element loslässt, dh das Element fallen lässt.
  • Syntax:
• onmousedown
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn die Maustaste auf das Element gedrückt wird.
  • Syntax:< element onmousedown =“script“ >
• onmousemove
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn der Mauszeiger über ein Menü bewegt wird.
  • Syntax:< element onmousemove =“script“ >
• onmouseout
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn der Mauszeiger das Menü verlässt.
  • Syntax:
• onmouseover
  • Wert: Skript
  • Beschreibung: > Wird ausgelöst, wenn der Mauszeiger über ein Element bewegt wird.
  • Syntax:< element onmouseover =“script“ >
• onmouseup
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn die Maustaste gedrückt oder losgelassen wird. Das Skript wird ausgeführt.
  • Syntax:< element onmouseup =“script“ >
• am Mausrad
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn der Benutzer das Mausrad bewegt.
  • Syntax:< element onmousewheel =“script“ >
• onscroll
  • Wert: Skript
  • Beschreibung: Es wird ausgelöst, wenn der Benutzer die Bildlaufleiste auf einem Element bewegt.
  • Syntax:< element onscroll =“handler „>

Medienereignisattribute

• onabort
  • Wert: Skript
  • Beschreibung: Skript, das ausgeführt werden soll, wenn die Mediendatei gestoppt wird.
  • Syntax:< onabort =“ script „>
• oncanplay
  • Wert: Skript
  • Beschreibung: Skript, das ausgeführt werden soll, wenn die Datei zum Abspielen bereit ist und genügend Puffer zum Starten vorhanden ist.
  • Syntax:< audio|video oncanplay =“ script „>
• oncanplaythrough
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn die Datei ohne Pufferpause bis zum Ende abgespielt werden kann.
  • Syntax:< audio|video oncanplaythrough =“ script „>
• ondurationchange
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn der Benutzer die Dauer der Mediendatei ändert.
  • Syntax:< element ondurationchange =“ handler(event)“;>
• einmal geleert
  • Wert: Skript
  • Beschreibung: Skript, das ausgeführt werden soll, wenn die Datei plötzlich nicht mehr verfügbar ist.
  • Syntax:< element onemptied =“ handler(event)“;>
• beendet
  • Wert: Skript
  • Beschreibung: Dies wird ausgelöst, wenn die Dauer des Mediums abgelaufen ist.
  • Syntax:< element onended =“ handler(event)“ >
• onerror
  • Wert: Skript
  • Beschreibung: Skript, das ausgeführt werden soll, wenn beim Laden der Datei ein Fehler auftritt.
  • Syntax:< element onerror =“ handler(event)“ >
• onloadeddata
  • Wert: Skript
  • Beschreibung: Dies wird ausgelöst, wenn Mediendaten geladen werden.
  • Syntax:< element onloadeddata =“ handler(event)“ >
• onloadedmetadata
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn Metadaten wie Dateigröße, Abmessungen und Dauer des Mediums geladen werden.
  • Syntax:< element onloadedmetadata =“ handler(event)“ >
• onloadstart
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn der Browser zu laden beginnt, bevor tatsächlich etwas geladen wird.
  • Syntax:< element onloadstart =“ handler(event)“ >
• OnPause
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn das Medium vom Benutzer angehalten wird.
  • Syntax:< element onpause =“ handler(event)“ >
• weiterspielen
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn die Medienwiedergabe begonnen hat.
  • Syntax:< element onplaying =“ handler(event)“ >
• onplay
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn das Medium zum Abspielen bereit ist.
  • Syntax:< element onplay =“ handler(event)“ >
• In Arbeit
  • Wert: Skript
  • Beschreibung: Es wird ausgelöst, wenn der Browser zum Abrufen der Daten bereit ist.
  • Syntax:< audio|video onprogress =“ script „ >
• onratechange
  • Wert: Skript
  • Beschreibung: Beim Vor- oder Zurückspulen des Mediums wird das Skript ausgeführt.
  • Syntax:< element onratechange =“ handler(event)“ >
• onreadystatechange
  • Wert: Skript
  • Beschreibung: Wird immer dann ausgelöst, wenn der Bereitschaftsstatus geändert wurde.
  • Syntax:< element onreadyratechange =“ handler(event)“ >
• gesucht
  • Wert: Skript
  • Beschreibung: Skript, das ausgeführt werden soll, wenn das Suchattribut auf „false“ gesetzt ist, was anzeigt, dass die Suche beendet wurde.
  • Syntax: object.onseeked=handler;
• auf der Suche
  • Wert: Skript
  • Beschreibung: Skript, das ausgeführt werden soll, wenn das Suchattribut auf „True“ gesetzt ist, was anzeigt, dass die Suche aktiv ist.
  • Syntax:< element onseeking =“ handler(event)“ >
• installiert
  • Wert: Skript
  • Beschreibung: Skript, das ausgeführt werden soll, wenn die Mediendatei im Browser nicht anwendbar ist.
  • Syntax:< element onstalled =“ handler(event)“ >
• onsuspendieren
  • Wert: Skript
  • Beschreibung: Wird ausgelöst, wenn die Internetverbindung unterbrochen ist.
  • Syntax:< element onsuspend =“ handler(event)“ >
• pünktliches Update
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn sich die Wiedergabeposition an einer anderen Stelle im Medium ändert.
  • Syntax:object.ontimeupdate=handler;
• onvolumechange
  • Wert: Skript
  • Beschreibung: Das Skript wird ausgeführt, wenn die Lautstärke der Mediendatei erhöht oder stummgeschaltet wird.
  • Syntax:< element onvolumechange =“ handler(event)“ >
• wartend
  • Wert: Skript
  • Beschreibung: Skript, das ausgeführt werden soll, wenn die ausgewählten Mediendateien gemäß der Bestellung zur Wiedergabe bereit waren.
  • Syntax:< element onwaiting =“ handler(event)“ >

Vorheriges Tutorial: HTML5 Doctype :: Nächstes Tutorial: HTML5 Figure Tag