Was sind die HTML-Ereignisse?-Front-End-Fragen und Antworten-php.cn

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).

Was sind die HTML-Ereignisse?

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

property	value	description
onabort	script	Skript, das beim Beenden ausgeführt wird.
oncanplay	script	Skript, das ausgeführt wird, wenn die Datei zum Abspielen bereit ist (wenn die Pufferung zum Starten ausreicht).
oncanplaythrough	script	Script, das ausgeführt wird, wenn das Medium bis zum Ende abgespielt werden kann, ohne aufgrund der Pufferung anzuhalten.
ondurationchange	script	Script, das ausgeführt wird, wenn sich die Medienlänge ändert.
onemptied	script	Skript, das ausgeführt wird, wenn etwas schief geht und die Datei plötzlich nicht mehr verfügbar ist (z. B. wenn eine Verbindung unerwartet unterbrochen wird).
onended	script	Script, das ausgeführt wird, wenn das Medium das Ende erreicht hat (kann eine Nachricht wie „Danke fürs Zuschauen“ senden).
onerror	script	Skript, das ausgeführt wird, wenn beim Laden der Datei ein Fehler auftritt.
onloadeddata	script	Script, das ausgeführt wird, wenn Mediendaten geladen wurden.
onloadedmetadata	script	Script, das ausgeführt wird, wenn Metadaten (wie Auflösung und Dauer) geladen werden.
onloadstart	script	Ein Skript, das ausgeführt wird, bevor die Datei geladen wird und bevor Daten tatsächlich geladen werden.
onpause	script	Script, das ausgeführt wird, wenn das Medium vom Benutzer oder Programm angehalten wird.
Onplay	Skript	Skript, das ausgeführt wird, wenn das Medium zum Starten der Wiedergabe bereit ist.
onplaying	script	Script, das ausgeführt wird, wenn das Medium mit der Wiedergabe begonnen hat.
onprogress	script	Script, das ausgeführt wird, wenn der Browser Mediendaten abruft.
onratechange	script	Skript, das immer dann ausgeführt wird, wenn sich die Wiedergaberate ändert (z. B. wenn der Benutzer in den Zeitlupen- oder Schnellvorlaufmodus wechselt).
onreadystatechange	script	Skript, das immer dann ausgeführt wird, wenn sich der Bereitschaftszustand ändert (der Bereitschaftszustand überwacht den Status von Mediendaten).
onseeked	script	Skript, das ausgeführt wird, wenn die suchende Eigenschaft auf „false“ gesetzt ist (was anzeigt, dass die Suche beendet wurde).
onseeking	script	Skript, das ausgeführt wird, wenn die Seeking-Eigenschaft auf „true“ gesetzt ist (was anzeigt, dass das Targeting aktiv ist).
installiertes	Skript	Skript, das ausgeführt wird, wenn der Browser aus irgendeinem Grund keine Mediendaten abrufen kann.
onsuspend	script	Ein Skript, das beim Abrufen von Mediendaten ausgeführt wird, wird aus irgendeinem Grund beendet, bevor die Mediendaten vollständig geladen sind.
ontimeupdate	script	Skript, das ausgeführt wird, wenn sich die Wiedergabeposition ändert (z. B. wenn der Benutzer schnell zu einer anderen Stelle im Medium vorspult).
onvolumechange	script	Skript, das immer dann ausgeführt wird, wenn sich die Lautstärke ändert (einschließlich der Einstellung der Lautstärke auf lautlos).
onwaiting	script	Führen Sie das Skript aus, wenn das Medium nicht mehr abgespielt wird, die Wiedergabe aber fortgesetzt werden soll (z. B. wenn das Medium angehalten wird, um mehr Daten zu puffern).