Event-Referenz
Ereignisse werden ausgelöst, um Code über "interessante Änderungen" zu informieren, die die Codeausführung beeinflussen können. Diese Änderungen können durch Benutzerinteraktionen wie die Verwendung einer Maus oder das Ändern der Fenstergröße, Änderungen im Status der zugrundeliegenden Umgebung (z. B. niedriger Batteriestand oder Medienevents vom Betriebssystem) und andere Ursachen entstehen.
Jedes Ereignis wird durch ein Objekt repräsentiert, das auf der Event
-Schnittstelle basiert. Es kann zusätzliche benutzerdefinierte Felder und/oder Funktionen enthalten, um Informationen darüber bereitzustellen, was passiert ist. Die Dokumentation für jedes Ereignis enthält eine Tabelle (nahe am Anfang), die einen Link zur zugehörigen Ereignisschnittstelle und andere relevante Informationen enthält. Eine vollständige Liste der verschiedenen Ereignistypen finden Sie unter Event > Schnittstellen basierend auf Event.
Dieses Thema bietet ein Verzeichnis zu den Hauptarten von Ereignissen, die für Sie von Interesse sein könnten (Animation, Zwischenablage, Worker usw.) sowie die Hauptklassen, die diese Arten von Ereignissen implementieren.
Ereignisindex
Ereignistyp | Beschreibung | Dokumentation |
---|---|---|
Animation |
Ereignisse im Zusammenhang mit der Web Animation API. Wird verwendet, um auf Änderungen im Animationsstatus zu reagieren (z. B. wenn eine Animation beginnt oder endet). |
Animationsereignisse ausgelöst auf
Document ,
Window ,
HTMLElement .
|
Asynchrone Datenabfrage |
Ereignisse im Zusammenhang mit der Datenabfrage. |
Ereignisse ausgelöst auf
AbortSignal ,
XMLHttpRequest ,
FileReader .
|
Zwischenablage |
Ereignisse im Zusammenhang mit der Clipboard API. Wird verwendet, um zu benachrichtigen, wenn Inhalte ausgeschnitten, kopiert oder eingefügt werden. |
Ereignisse ausgelöst auf
Document ,
Element ,
Window .
|
Zusammensetzung |
Ereignisse im Zusammenhang mit der Zusammensetzung; Eingaben von Text "indirekt" (statt durch normale Tastaturdrücke). Zum Beispiel Text, der über eine Sprach-zu-Text-Engine eingegeben wird, oder spezielle Tastenkombinationen, die Tastatureingaben modifizieren, um neue Zeichen in einer anderen Sprache darzustellen. |
Ereignisse ausgelöst auf
Element .
|
CSS-Übergang |
Ereignisse im Zusammenhang mit CSS-Übergängen. Bietet Benachrichtigungen, wenn CSS-Übergänge beginnen, stoppen, abgebrochen werden usw. |
Ereignisse ausgelöst auf
Document ,
HTMLElement ,
Window .
|
Datenbank |
Ereignisse im Zusammenhang mit Datenbankoperationen: Öffnen, Schließen, Transaktionen, Fehler usw. |
Ereignisse ausgelöst auf
IDBDatabase ,
IDBOpenDBRequest ,
IDBRequest ,
IDBTransaction .
|
DOM-Veränderung |
Ereignisse im Zusammenhang mit Änderungen an der Dokumentobjektmodell-(DOM)-Hierarchie und -Knoten. |
Warnung: Mutation Events sind veraltet. Mutation Observers sollten stattdessen verwendet werden. |
Drag'n'Drop, Rad |
Ereignisse im Zusammenhang mit der HTML Drag and Drop API und Radereignissen. Drag- und Radereignisse stammen von Mausevents. Während sie beim Gebrauch des Mausrads oder Drag-and-Drop ausgelöst werden, können sie auch mit anderer geeigneter Hardware verwendet werden. |
Drag-Ereignisse ausgelöst auf
Rad-Ereignisse ausgelöst auf
|
Fokus |
Ereignisse im Zusammenhang mit dem Erhalten und dem Verlust des Fokus von Elementen. |
Ereignisse ausgelöst auf
Element ,
Window .
|
Formular |
Ereignisse im Zusammenhang mit der Konstruktion, dem Zurücksetzen und dem Absenden von Formularen. |
Ereignisse ausgelöst auf
HTMLFormElement .
|
Vollbild |
Ereignisse im Zusammenhang mit der Fullscreen API. Wird verwendet, um zu benachrichtigen, wann der Übergang zwischen Vollbild- und Fenstermodus stattfindet und auch über Fehler, die während dieses Übergangs auftreten. |
Ereignisse ausgelöst auf
Document ,
Element .
|
Gamepad |
Ereignisse im Zusammenhang mit der Gamepad API. |
Ereignisse ausgelöst auf
Window .
|
Gesten |
Touch-Ereignisse werden empfohlen, um Gesten zu implementieren. |
Ereignisse ausgelöst auf
Zusätzlich gibt es eine Reihe nicht standardisierter Gestenereignisse:
|
Verlauf |
Ereignisse im Zusammenhang mit der History API. |
Ereignisse ausgelöst auf
Window .
|
Verwaltung der Anzeige von HTML-Elementen |
Ereignisse im Zusammenhang mit dem Ändern des Status eines Anzeige- oder Textelements. |
Ereignisse ausgelöst auf
HTMLDetailsElement ,
HTMLDialogElement ,
HTMLSlotElement .
|
Eingaben |
Ereignisse im Zusammenhang mit HTML-Eingabeelementen z.B.
|
Ereignisse ausgelöst auf
HTMLElement ,
HTMLInputElement .
|
Tastatur |
Ereignisse im Zusammenhang mit der Verwendung einer Tastatur. Wird verwendet, um zu benachrichtigen, wenn Tasten gedrückt, losgelassen oder einfach nur gedrückt werden. |
Ereignisse ausgelöst auf
Document ,
Element .
|
Laden/Entladen von Dokumenten |
Ereignisse im Zusammenhang mit dem Laden und Entladen von Dokumenten. |
|
Manifest |
Ereignisse im Zusammenhang mit der Installation von progressiven Web-App-Manifests. |
Ereignisse ausgelöst auf
Window .
|
Medien |
Ereignisse im Zusammenhang mit der Nutzung von Medien (einschließlich der Media Capture and Streams API, Web Audio API, Picture-in-Picture API, usw.). |
Ereignisse ausgelöst auf
ScriptProcessorNode ,
HTMLMediaElement ,
AudioTrackList ,
AudioScheduledSourceNode ,
MediaRecorder ,
MediaStream ,
MediaStreamTrack ,
VideoTrackList ,
HTMLTrackElement ,
OfflineAudioContext ,
TextTrack ,
TextTrackList ,
Element/audio,
Element/video.
|
Nachrichtenübermittlung |
Ereignisse im Zusammenhang mit einem Fenster, das eine Nachricht von einem anderen Kontext empfängt. |
Ereignisse ausgelöst auf
Window .
|
Maus |
Ereignisse im Zusammenhang mit der Verwendung einer Computermaus. Wird verwendet, um zu benachrichtigen, wenn die Maus geklickt, doppelt geklickt, hoch- und runterbewegt wird, Rechtsklicks, Bewegung in und aus einem Element, Textauswahl usw. Pointer-Ereignisse bieten eine hardware-unabhängige Alternative zu Mausevents. Drag- und Radereignisse stammen von Mausevents. |
Mausereignisse ausgelöst auf
Element
|
Netzwerk/Verbindung |
Ereignisse im Zusammenhang mit der Gewinnung und dem Verlust der Netzwerkverbindung. |
Ereignisse ausgelöst auf
Ereignisse ausgelöst auf
|
Zahlungen |
Ereignisse im Zusammenhang mit der Payment Request API. |
Ereignisse ausgelöst auf
|
Leistung |
Ereignisse im Zusammenhang mit jedem leistungsbezogenen Spezifikation, gruppiert in Performance APIs. |
Ereignisse ausgelöst auf
|
Zeiger |
Ereignisse im Zusammenhang mit der Pointer Events API. Bietet hardwareunabhängige Benachrichtigungen von Eingabegeräten wie Maus, Touch, Stift/Zeichengerät. |
Ereignisse ausgelöst auf
Document ,
HTMLElement .
|
Ereignisse im Zusammenhang mit dem Drucken. |
Ereignisse ausgelöst auf
Window .
|
|
Promise-Zurückweisung |
Ereignisse, die an den globalen Skript-Kontext gesendet werden, wenn ein beliebiges JavaScript-Promise zurückgewiesen wird. |
Ereignisse ausgelöst auf
Window .
|
Sockets |
Ereignisse im Zusammenhang mit der WebSockets API. |
Ereignisse ausgelöst auf
Websocket .
|
SVG |
Ereignisse im Zusammenhang mit SVG-Bildern. |
Ereignisse ausgelöst auf
|
Textauswahl |
Selection API-Ereignisse im Zusammenhang mit der Textauswahl. |
Ereignis ( |
Touch |
Ereignisse im Zusammenhang mit der Touch Events API. Bietet Benachrichtigungen aus der Interaktion mit einem berührungsempfindlichen Bildschirm (d.h. Verwendung von Finger oder Stift). Nicht im Zusammenhang mit der Force Touch API. |
Ereignisse ausgelöst auf
Document ,
Element .
|
Virtuelle Realität |
Ereignisse im Zusammenhang mit der WebXR Device API.
Warnung: Die
WebVR API (und zugehörige
|
Ereignisse ausgelöst auf
XRSystem ,
XRSession ,
XRReferenceSpace .
|
RTC (Echtzeitkommunikation) |
Ereignisse im Zusammenhang mit der WebRTC API. |
Ereignisse ausgelöst auf
RTCDataChannel ,
RTCDTMFSender ,
RTCIceTransport ,
RTCPeerConnection .
|
Server-gesendete Ereignisse |
Ereignisse im Zusammenhang mit der Server gesendeten Ereignisse-API. |
Ereignisse ausgelöst auf
EventSource .
|
Sprache |
Ereignisse im Zusammenhang mit der Web Speech API. |
Ereignisse ausgelöst auf
SpeechSynthesisUtterance .
|
Worker |
Ereignisse im Zusammenhang mit der Web Workers API, Service Worker API, Broadcast Channel API, und Channel Messaging API. Wird verwendet, um auf neue Nachrichten und Fehlermeldungen zu reagieren. Service-Worker können auch über andere Ereignisse benachrichtigt werden, einschließlich Push-Benachrichtigungen, Benutzerklicks auf angezeigte Benachrichtigungen, ungültiger Push-Abonnements, Löschung von Elementen aus dem Inhaltsverzeichnis usw. |
Ereignisse ausgelöst auf
ServiceWorkerGlobalScope ,
DedicatedWorkerGlobalScope ,
SharedWorkerGlobalScope ,
WorkerGlobalScope ,
Worker ,
BroadcastChannel ,
MessagePort .
|
Spezifikationen
Specification |
---|
HTML Standard # events-2 |