Heim >Web-Frontend >HTML-Tutorial >Detaillierte Einführung in die Grundkenntnisse der HTML-Ereignisattribute

Detaillierte Einführung in die Grundkenntnisse der HTML-Ereignisattribute

巴扎黑
巴扎黑Original
2017-06-16 17:34:541433Durchsuche

Einführung in Ereignisattribute:

Eine der neuen Funktionen von HTML 4 besteht darin, dass HTML-Ereignisse Aktionen im Browser auslösen können, beispielsweise wenn ein Benutzer auf ein HTML-Element, ein JavaScript, klickt .

Es gibt eine große Anzahl von Ereignishandlern, die in moderne Browser integriert sind. Diese Prozessoren überwachen bestimmte Bedingungen oder Benutzeraktionen, beispielsweise einen Mausklick oder den Abschluss des Ladens eines Bildes im Browserfenster. Durch die Verwendung von clientseitigem JavaScript können Sie bestimmte Ereignishandler als Attribute zu bestimmten Tags hinzufügen und einen oder mehrere JavaScript-Befehle oder -Funktionen ausführen, wenn das Ereignis auftritt.

Der Wert eines Event-Handlers besteht aus einem oder mehreren Javascript-Ausdrücken, Methoden und Funktionsaufrufen, die durch Semikolons getrennt und in Anführungszeichen gesetzt sind. Wenn das Ereignis eintritt, führt der Browser diese Codes aus. Wenn Sie beispielsweise mit der Maus über einen Hyperlink fahren, wird eine JavaScript-Funktion gestartet. Browser, die JavaScript unterstützen, unterstützen einen speziellen „Mouse Over“-Ereignishandler – genannt onmouseover – im -Tag, um diese Aufgabe zu erledigen:


Um mehr über die Ereignisprogrammierung zu erfahren, besuchen Sie bitte die von W3School bereitgestellten JavaScript-Tutorials und DHTML-Tutorials.

Die folgende Tabelle enthält Standardereignisattribute, die in HTML/XHTML-Elemente eingefügt werden können, um das Ereignisverhalten zu definieren.

Fensterereignisse

Nur ​​gültig in Body- und Frameset-Elementen.

Attributwertbeschreibung

onload Script Skript ausführen, wenn Dokument geladen wird

onunload Script Skript ausführen, wenn Dokument entladen wird

Formularelementereignis (Formularelementereignisse )

ist nur in Formularelementen gültig.

Attributwertbeschreibung

onchange Script Führt das Skript aus, wenn sich das Element ändert

onsubmit Script Führt das Skript aus, wenn das Formular gesendet wird Skript Wenn das Formular neu geladen wird Zeit für das Ausführungsskript festlegen

onselect-Skript Skript ausführen, wenn Element ausgewählt ist

onblur-Skript Skript ausführen, wenn Element den Fokus verliert

onfocus-Skript Skript ausführen, wenn Element den Fokus erhält

BILDEREIGNISSE

Dieses Attribut kann für IMG-Elemente verwendet werden:

Die Attributwertbeschreibung

onabort script Wenn das Bild das Skript ausführt Tastaturereignisse

Ungültig in den folgenden Elementen: Basis-, BDO-, BR-, Frame-, Frameset-, Head-, HTML-, Iframe-, Meta-, Param-, Skript-, Stil- und Titelelemente.

Attributwertbeschreibung

onkeydown Script Führt das Skript aus, wenn die Tastatur gedrückt wird

onkeypress Script Führt das Skript aus, wenn die Tastatur gedrückt und losgelassen wird

onkeyup Skript Skript ausführen, wenn die Tastatur losgelassen wird

Mausereignisse (Mausereignisse)

Ungültig in den folgenden Elementen: Base, BDO, Br, Frame, Frameset, Head, HTML, Iframe, Meta, param-, script-, style- und title-Elemente.

Attribute Werte Beschreibung

onclick Script Führt das Skript aus, wenn mit der Maus geklickt wird

ondblclick Script Führt das Skript aus, wenn mit der Maus doppelgeklickt wird

onmousedown

Skript Führt das Skript aus, wenn die Maustaste gedrückt wird

onmousemove

Skript Führt das Skript aus, wenn sich der Mauszeiger bewegt

onmouseout

Skript, wenn sich der Mauszeiger bewegt. Führt das Skript aus, wenn sich der Zeiger aus einem Element herausbewegt.

onmouseover-Skript. Führt das Skript aus, wenn der Mauszeiger über einem Element schwebt.

onmouseup-Skript. Führt das Skript aus wenn die Maustaste losgelassen wird

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die Grundkenntnisse der HTML-Ereignisattribute. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn