Einführung in HTML-Ereignisse
HyperText Markup Language (HTML) ist eine Hypertextsprache, die ein Webdesign erstellt. Es wird in jedem Webbrowser angezeigt. HTML-Ereignisse ist Aktion. Jeder Klick-Benutzer erhält eine Reaktion von einem Browser namens Aktion. Dieser Vorgang wird als Ereignis bezeichnet.
Angenommen, die Webseite hat ein Formular, der Benutzer füllt dieses Formular aus, der Benutzer erhält zwei Schlüssel, einer wird gesendet und der andere abgebrochen. Wenn Benutzer die Senden-Schaltfläche drücken, werden die Formulardaten gespeichert. Brechen Sie auf der Schaltfläche Abbrechen die Formulardaten ab und aktualisieren Sie das Formular erneut. Diese Schaltflächenaktion heißt Ereignis. Dieses Ereignis hängt von den Aktionen der Benutzer ab.
Andere Art von HTML-Ereignissen
In HTML5 sind viele Ereignisattribute verfügbar, die hauptsächlich in 6 verschiedene Typen unterteilt sind. Diese Attribute funktionieren in der JavaScript-Sprache.
- Windows-Ereignisattribute: Dies wird für die Aktion des Windows-Objekts bereitgestellt. Es funktioniert in Body Tag.
- Formularereignisattribute: Wenn der Benutzer eine Aktion im Formular ausführt, z. B. Eingabedaten, stornieren und übermitteln, funktionieren diese Ereignisattribute.
- Tastaturereignisattribute: Diese Tastaturereignisattribute werden für Tastaturaktionen und Benutzerinteraktionen verwendet.
- Mausereignisattribute : Mausereignisattribut, das für Mausaktionen wie Bewegen, Klicken, Drehen usw. verwendet wird.
- Zwischenablage-Ereignisattribute: Diese Ereignisattribute werden für die Zwischenablage-Aktion verwendet. Beispiel schneiden, kopieren, Schädling.
- Medienereignisattribute: Dieses Ereignisattribut funktioniert für Mediendateien wie Videos usw.
Beschreibung der Ereignisattribute
Nachfolgend finden Sie einige Erläuterungen zu Ereignisattributen, die im Detail angegeben werden:
1. Windows-Ereignisattribute
|
Attribut |
Beschreibung |
| onafterprint | Dieses Skript wird ausgeführt, obwohl das Dokument gedruckt wurde. |
| onbeforeprint | Dieses Skript wird ausgeführt, bevor ein Dokument gedruckt wird. |
| onbeforeunload | Während vor dem entladenen Dokument dieses Skript funktioniert. |
| onerror | Im Dokument tritt der Fehler auf, dann wird dieses Ereignis ausgeführt. |
| onhashchange | Der Ankerteil der URL ändert sich in dem Dokument, in dem das Zeitereignis ausgeführt wurde. |
| onload | Wenn die erste Webseite vollständig geladen ist, wird dieses Ereignis ausgeführt. |
| onmessage | In dem Dokument trat die Nachricht zu dem Zeitpunkt auf, an dem das Ereignis ausgeführt wurde. |
| onoffline | Wenn die Netzwerkverbindung nicht verfügbar ist und der Browser "Offline" meldet, wird das Ereignis ausgeführt. |
| online | Wenn das Netzwerk im Browser verfügbar ist, wird das Ereignis ausgeführt. |
| onpagehide | Wenn der Benutzer nicht an einer aktuellen Webseite arbeitet, kann diese Seite ausgeblendet werden. |
| onpageshow | Mit diesem Skript wird zu diesem Zeitpunkt die aktuelle Webseite geladen. |
| onpopstate | Dieses Skript funktioniert automatisch im Browser, wenn sich der Verlaufsstatus ändert. |
| onresize | Dieses Skript wird ausgeführt, wenn der Browser des Fensters die Größe ändert. |
| onstorage | Wenn der Webspeicher des Benutzers aktualisiert wird, wird das Ereignis ausgeführt. |
| onunload | Entweder wird die aktuelle Webseite des Benutzers nicht geladen oder das Fenster wird geschlossen und das Ereignis ausgeführt. |
2. Formularereignisattribute
| Attribut | Beschreibung |
| Unschärfe | Ein Formularüberprüfungsobjekt verliert den Fokus, und das Ereignis wird ausgelöst. |
| bei Änderung | Die Wertänderung im Formular wurde dann ausgelöst. |
| im Fokus | Im Formular hat das Objekt den Fokus. Bei der Bearbeitung dieses Objekts wurde das Ereignis ausgelöst. |
| oninput | Der Benutzer gibt den Wert in das Formular ein, und dieses Ereignis wird ausgelöst. |
| oninvalid | Das Ereignis wird ausgeführt, wenn das Element seine vordefinierten Einschränkungen nicht erfüllt. |
| onreset | Der Benutzer hat die Formularinformationen zurückgesetzt und dann das Ereignis ausgelöst. |
| onsearch | Benutzer suchen das erforderliche Feld, dann wird das Ereignis ausgelöst. |
| onselect | Der Benutzer wählt den Text oder den Textbereich im Formular aus und löst das Ereignis aus. |
| onsubmit | Der Benutzer sendet das Formular am Ende, dann wird das Ereignis ausgelöst. |
3. Tastaturereignisattribute
| Attribut | Beschreibung |
| onkeydown | Wenn Sie eine Tastatur verwenden, drücken Sie die Taste an diesem Punkt, an dem das Ereignis ausgeführt wird |
| onkeypress | Über die Tastatur drücken Benutzer die Taste und zeigen Zeichen an, wenn das Ereignis funktioniert. |
| onkeyup | Nach dem Drücken gibt der Key-User die Taste frei und das Ereignis funktioniert. |
4. Mausereignisattribute
| Attribut | Beschreibung |
| onclick | Der Benutzer klickt mit der Maus auf die Schaltfläche, dann ist ein Ereignis aufgetreten. |
| ondblclick | Benutzer doppelklicken mit der Maus, dann ist das Ereignis eingetreten. |
| Onmousedown | Der Benutzer drückt die Maustaste auf das Element, dann ist das Ereignis eingetreten. |
| onmousemove | Der Benutzer bewegt den Mauszeiger über das Element, als das Ereignis eintrat. |
| onmouseout | Der Benutzer bewegt die Maus außerhalb des Elements, wenn das Ereignis eingetreten ist. |
| onmouseover | Der Benutzer bewegt die Maus über das Element, dann ist das Ereignis eingetreten. |
| onmouseup | Der Benutzer ließ die Maustaste los, als das Ereignis eintrat. |
| onmousewheel | Wenn Sie das Mausrad verwenden, rollen Sie das Element nach oben und unten, bis das Ereignis eingetreten ist. |
| auf dem Rad | Bewegen Sie sie mit einem Mausrad nach oben und unten, bis das Ereignis eingetreten ist. |
5. Ereignisattribute der Zwischenablage
| Attribut | Beschreibung |
| oncopy | Verwenden von Mausbenutzern zum Kopieren des Inhalts, dann trat das Ereignis auf. |
| oncut | Mit der Maus schneiden Benutzer den Inhalt dann das Ereignis aufgetreten. |
| Onpaste | Fügen Sie mit der Maus den Inhalt ein, und das Ereignis ist aufgetreten. |
6. Medienereignisattribute
| Attribut | Beschreibung |
| onabort | Wenn Mediendateien zum Herunterladen abgebrochen und wiedergegeben werden, tritt ein Ereignis auf. |
| oncanplay | Wenn eine Mediendatei zur Wiedergabe bereit ist, wird dieser Auslöser ausgelöst. |
| oncanplaythrough | Mediendatei ohne Puffern und Laden abspielbereit. |
| oncuechange | Element ändert den Cue des Ereignisses, das ausgelöst wurde. |
| ondurationchange | Die Mediendatei ändert die Zeitspanne, in der der Trigger ausgelöst wird. |
| versuchten | Wenn die Mediendatei nicht verfügbar ist und ein schwerwiegender Fehler auftritt, wird der Trigger ausgelöst. |
| onended | Die Mediendatei wird auf dem Endpunkt abgelegt und der Trigger wird ausgelöst. |
| onerror | Wenn beim Abrufen der Mediendatei ein Fehler aufgetreten ist, wird der Trigger ausgelöst |
| onloadeddata | Die Mediendatei lädt die Daten und der Trigger wird ausgelöst. |
| onloadedmetadata | Die Mediendatei lädt die Metadaten und der Trigger wird ausgelöst. |
| onloadstart | Die Mediendatei wird geladen und der Trigger wird ausgelöst. |
| Pause | Die Wiedergabe der Mediendatei wurde angehalten und der Trigger wird ausgelöst. |
| Onplay | Wiedergabebereite Mediendatei, dann wird der Trigger ausgelöst. |
| Onplaying | Die Wiedergabe der Mediendatei beginnt und der Trigger wird ausgelöst. |
| In Arbeit | Dieses Skript wird ausgeführt, wenn der Browser eine Verbindung mit den Mediendaten herstellt. |
| onratechange | Wenn die Wiedergabegeschwindigkeit von Videos geändert wird, wird der Trigger ausgelöst. |
| suchte | Benutzer, die das Verschieben abgeschlossen haben, überspringen andernfalls die neue Position des Videos. Dieses Attribut ist auf false gesetzt. |
| onseeking | Der Benutzer möchte ansonsten die neue Position des Videos überspringen. Dieses Attribut ist auf true gesetzt. |
| installiert | Wenn der Browser plötzlich die Datenverbindung beendet, funktioniert das Ereignis. |
| onsuspend | Wenn der Webbrowser absichtlich keine Mediendaten abruft, funktionieren Ereignisse. |
| ontimeupdate | Wenn ein Benutzer die Videowiedergabeposition wie vorwärts und rückwärts ändert. |
| onvolumechange | Zum Ändern der Medienlautstärke von niedrig nach hoch. |
| Warten | Wenn die Daten die Informationen laden, stoppt das aktuelle Video mit dem Puffern, dann funktioniert das Ereignis. |
Fazit
Mit HTML-Ereignissen können Sie auf einfache Weise Maßnahmen ergreifen und eine Schnittstelle zwischen Webbrowsern und Benutzern herstellen. Benutzer können die Reaktion jeder Aktion mühelos abrufen. Beispielsweise; Ausschneiden und Kopieren für die Zwischenablage, Verschieben und Klicken für die Maus, Schaltflächen für das Formular. Ereignisse machen Webanwendungen in Echtzeit und machen intelligente Arbeitssysteme.
Empfohlene Artikel
Dies ist eine Anleitung zu HTML-Ereignissen. Hier diskutieren wir die Einführung und Arten von HTML-Ereignissen wie Fenster, Formulare, Tastaturen und vieles mehr sowie die Erklärung von Attributen im Detail. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren.
- Grundlegende HTML-Tags
- Vorteile von HTML
- HTML-Format-Tags
- HTML-Stylesheets
- HTML-Blöcke
- Top 5 HTML-Ereignisattribute mit Beispielen
- Stellen Sie eine Hintergrundfarbe in HTML mit Beispiel ein
- Leitfaden zu verschiedenen JavaScript-Ereignissen
- HTML-Formularvalidierung | Beispiele