Heim >Web-Frontend >Front-End-Fragen und Antworten >Was ist das Javascript-Ereignisobjekt?

Was ist das Javascript-Ereignisobjekt?

青灯夜游
青灯夜游Original
2021-11-24 16:34:052731Durchsuche

In JavaScript ist das Ereignisobjekt (Ereignis) ein Objekt, das zum Aufzeichnen einiger relevanter Informationen verwendet wird, wenn ein Ereignis auftritt. Das Ereignisobjekt wird nur generiert, wenn das Ereignis auftritt, und kann in allen Fällen nur innerhalb der Ereignisverarbeitungsfunktion aufgerufen werden Verarbeitungsfunktionen Nach der Ausführung wird das Ereignisobjekt zerstört.

Was ist das Javascript-Ereignisobjekt?

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

Was ist ein Ereignisobjekt (Ereignis):

Ein Ereignisobjekt ist ein Objekt, das zum Aufzeichnen relevanter Informationen verwendet wird, wenn bestimmte Ereignisse auftreten.

Das Ereignisobjekt wird nur generiert, wenn ein Ereignis auftritt, und kann nur innerhalb der Ereignisverarbeitungsfunktion aufgerufen werden. Nachdem alle Ereignisverarbeitungsfunktionen ausgeführt wurden, wird das Ereignisobjekt zerstört!

Hinweis: Tatsächlich existierte das Ereignis schon immer (unabhängig davon, ob es gebunden oder überwacht ist), es verfügt lediglich über keinen Ereignishandler! ! !

JavaScript-Ereignisse sind: spezifische interaktive Momente, die im Browser- oder Dokumentfenster auftreten und die Interaktion zwischen JavaScript und HTML wird durch Ereignisse ausgelöst.

Ereignishandler:

Ereignishandler: Die Klickaktion unseres Benutzers auf der Seite, die Mausbewegungsaktion, die Abschlussaktion beim Laden der Webseite usw. können alle als Ereignisnamen bezeichnet werden,
nämlich: Klicken, Mausbewegung, Laden usw. sind alle Namen von Veranstaltungen. Die Funktion, die auf ein Ereignis reagiert, wird als Ereignishandler oder Ereignis-Listener bezeichnet.

Ereignistypen:

In JavaScript werden Ereignisse im Allgemeinen in drei Kategorien unterteilt, nämlich allgemeine Ereignisse, Formularereignisse und Seitenereignisse.

  • UI-Ereignisse: wie Laden, Entladen, Fehler, Größenänderung, Scrollen, Auswählen, DOMActive, werden ausgelöst, wenn der Benutzer mit Elementen auf der Seite interagiert.

  • Focus-Ereignisse wie Blur, DOMFocusIn, DOMFocusOut, Focus, Focusin, Focusout werden ausgelöst, wenn ein Element den Fokus gewinnt oder verliert. Die wichtigsten dieser Ereignisse sind Unschärfe und Fokus Achtung. Diese Klassenveranstaltungen werden nicht sprudeln!

  • Maus- und Rad-Ereignisse: wie Click, Dblclick, Mousedown, Mouseenter, Mouseleave, Mousemove, Mouseout, Mouseover, Mouseup werden ausgelöst, wenn der Benutzer mit der Maus Vorgänge auf der Seite ausführt.

  • Scrollrad-Ereignisse: Mausrad (unterstützt von IE6+), DOMMouseScroll (unterstützt von FF, gleicher Effekt wie Mausrad). Wird bei Verwendung des Mausrads ausgelöst.

  • Textereignis: textInput, ausgelöst, wenn Text in das Dokument eingegeben wird.

  • Tastaturereignisse: Tastendruck, Tastendruck, Tastendruck, werden ausgelöst, wenn der Benutzer über die Tastatur Vorgänge auf der Seite ausführt.

  • Synthetisches Ereignis: Neu auf DOM-Ebene 3 hinzugefügt, wird zur Verarbeitung der Eingabesequenz von IME verwendet. Der sogenannte IME bezeichnet den Eingabemethoden-Editor, der es Benutzern ermöglicht, Zeichen einzugeben, die auf der physischen Tastatur nicht zu finden sind. Es gibt drei Ereignisse: Compositionstart, Compositionupdate und Compositionend.

  • Änderungsereignisse: DOMsubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMAttrModified, DOMCharacterDataModified usw. werden ausgelöst, wenn sich die zugrunde liegende DOM-Struktur ändert. IE8 – Nicht unterstützt.

  • Namensänderungsereignis: Es wird ausgelöst, wenn sich der Element- oder Attributname ändert. Es ist derzeit veraltet!

    Für die Grundtypen von Ereignissen wurden mit der Entstehung und Entwicklung von HTML5 verschiedene Ereignisse wie HTML5-Ereignisse, Geräteereignisse (Einzelberührung), Berührungsereignisse, Berührungsereignisse, Gestenereignisse usw. hinzugefügt

Andere Ereignisse sind wie folgt:

Ressourcenereignis

Ereignisname Bei Auslösung
Fehler Wenn das Laden der Ressource fehlschlägt.
abort Wenn das Laden von Ressourcen abgebrochen wurde.
laden Die Ressourcen und die zugehörigen Ressourcen wurden geladen.
beforeunload Fenster, Dokument und seine Ressourcen werden gerade entladen.
unload Das Dokument oder eine abhängige Ressource wird entladen.

Netzwerkereignis

Ereignisname Wann wird ausgelöst
online Der Browser hat Netzwerkzugriff erhalten.
offline Der Browser hat den Netzwerkzugriff verloren.

WebSocket-Ereignis

Ereignisname Bei Auslösung
Öffnen WebSocket-Verbindung hergestellt.
Nachricht Eine Nachricht über WebSocket erhalten.
Fehler Die WebSocket-Verbindung wurde ungewöhnlich geschlossen (z. B. konnten einige Daten nicht gesendet werden).
close WebSocket-Verbindung wurde geschlossen.

CSS-Animationsereignis

Ereignisname Wann soll ausgelöst werden
Animationsstart Wird ausgelöst, wenn eine bestimmte CSS-Animation startet.
animationend Wird ausgelöst, wenn eine CSS-Animation abgeschlossen ist.
animationiteration Wird ausgelöst, wenn eine CSS-Animation nach Abschluss neu gestartet wird. „CSS-Übergangsereignis“

transitionrun

Wird beim Warten auf Übergangsereignisse ausgelöst. transitionendWird ausgelöst, wenn das Hörübergangsereignis endet. DruckereignisWann soll ausgelöst werdenvor dem DruckNachdruck

Ereignisname

Wird ausgelöst, wenn der Drucker bereit ist.

Wird ausgelöst, wenn der Drucker ausgeschaltet ist.

Zwischenablage-EreignisEreignisnameWann wird es ausgelöstAusschneidenDer ausgewählte Textinhalt wurde ausgeschnitten und in die Zwischenablage kopiert. kopieren

Der ausgewählte Textinhalt wurde in die Zwischenablage kopiert.

EinfügenDer aus der Zwischenablage kopierte Textinhalt wird eingefügt. 【Verwandte Empfehlungen: Javascript-Lerntutorial】

Das obige ist der detaillierte Inhalt vonWas ist das Javascript-Ereignisobjekt?. 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