Ereignisreferenz
Ereignisse werden ausgelöst, um den Code über "interessante Änderungen" zu informieren, die die Ausführung des Codes beeinflussen könnten. Diese können aus Benutzerinteraktionen wie der Verwendung einer Maus oder dem Ändern der Fenstergröße, aus Änderungen im Zustand der zugrunde liegenden Umgebung (z. B. niedriger Batteriestand oder Medienereignisse des Betriebssystems) sowie aus anderen Ursachen resultieren.
Jedes Ereignis wird durch ein Objekt dargestellt, das auf der Event
-Schnittstelle basiert und möglicherweise zusätzliche benutzerdefinierte Felder und/oder Funktionen hat, um Informationen darüber zu liefern, was passiert ist. Die Dokumentation für jedes Ereignis enthält eine Tabelle (in der Nähe des Anfangs), die einen Link zur zugehörigen Ereignisschnittstelle sowie weitere relevante Informationen enthält. Eine vollständige Liste der verschiedenen Ereignistypen finden Sie unter Event > Schnittstellen basierend auf Event.
Dieses Thema bietet einen Index der Hauptarten von Ereignissen, die für Sie von Interesse sein könnten (Animation, Zwischenablage, Worker, etc.), zusammen mit den 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 startet oder endet). |
Animationsereignisse ausgelöst auf
Document ,
Window ,
HTMLElement .
|
Asynchrones Abrufen von Daten | Ereignisse im Zusammenhang mit dem Abrufen von Daten. |
Ereignisse ausgelöst auf
AbortSignal ,
XMLHttpRequest ,
FileReader .
|
Zwischenablage |
Ereignisse im Zusammenhang mit der Zwischenablage-API. Wird verwendet, um zu benachrichtigen, wenn Inhalte ausgeschnitten, kopiert oder eingefügt werden. |
Ereignisse ausgelöst auf
Document ,
Element ,
Window .
|
Komposition |
Ereignisse im Zusammenhang mit der Komposition; Eingabe von Text "indirekt" (anstatt normale Tastatureingaben zu verwenden). Zum Beispiel Text, der über ein Sprach-zu-Text-System eingegeben wird, oder die Verwendung spezieller 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 Benachrichtigungsereignisse, wenn CSS-Übergänge starten, stoppen, abgebrochen werden, etc. |
Ereignisse ausgelöst auf
Document ,
HTMLElement ,
Window .
|
Datenbank |
Ereignisse im Zusammenhang mit Datenbankoperationen: Öffnen, Schließen, Transaktionen, Fehler, etc. |
Ereignisse ausgelöst auf
IDBDatabase ,
IDBOpenDBRequest ,
IDBRequest ,
IDBTransaction .
|
DOM-Mutation |
Ereignisse im Zusammenhang mit Änderungen der Document Object Model (DOM)-Hierarchie und -Knoten. |
Warnung: Mutationsereignisse sind veraltet. Mutationsbeobachter sollten stattdessen verwendet werden. |
Drag'n'drop, Rad |
Ereignisse im Zusammenhang mit der HTML Drag and Drop API und Radereignisse. Zieh- und Radereignisse leiten sich von Mausereignissen ab. Während sie bei der Verwendung des Mausrads oder Drag/Drop ausgelöst werden, können sie auch mit anderer geeigneter Hardware verwendet werden. |
Ziehereignisse ausgelöst auf
Radereignisse ausgelöst auf
|
Fokus | Ereignisse im Zusammenhang mit dem Erhalten und Verlieren des Fokus durch Elemente. |
Ereignisse ausgelöst auf
Element ,
Window .
|
Formular |
Ereignisse im Zusammenhang mit dem Erstellen, Zurücksetzen und Absenden von Formularen. |
Ereignisse ausgelöst auf
HTMLFormElement .
|
Vollbild |
Ereignisse im Zusammenhang mit der Vollbild-API. Wird verwendet, um zu benachrichtigen, wenn der Übergang zwischen Vollbild- und Fenstermodus erfolgt und auch bei Fehlern während dieses Übergangs. |
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-standardmäßiger Gestenereignisse:
|
Verlauf |
Ereignisse im Zusammenhang mit der History-API. |
Ereignisse ausgelöst auf
Window .
|
Verwaltung der Anzeige von HTML-Elementinhalten |
Ereignisse im Zusammenhang mit dem Ändern des Zustands eines Anzeigebildschirms 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 nur gedrückt werden. |
Ereignisse ausgelöst auf
Document ,
Element .
|
Dokumente laden/entladen | Ereignisse im Zusammenhang mit dem Laden und Entladen von Dokumenten. |
|
Manifeste |
Ereignisse im Zusammenhang mit der Installation von Progressive-Web-App-Manifesten. |
Ereignisse ausgelöst auf
Window .
|
Medien |
Ereignisse im Zusammenhang mit der Nutzung von Medien (einschließlich der Media-Capture- und Streams-API, Web Audio API, Picture-in-Picture API, etc.). |
Ereignisse ausgelöst auf
ScriptProcessorNode ,
HTMLMediaElement ,
AudioTrackList ,
AudioScheduledSourceNode ,
MediaRecorder ,
MediaStream ,
MediaStreamTrack ,
VideoTrackList ,
HTMLTrackElement ,
OfflineAudioContext ,
TextTrack ,
TextTrackList ,
Element/audio,
Element/video.
|
Nachrichten |
Ereignisse im Zusammenhang mit einem Fenster, das eine Nachricht von einem anderen Browsing-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 runtergedrückt wird, Rechtsklick, Ein- und Austreten aus einem Element, Textauswahl, etc. Zeigereignisse bieten eine hardwareunabhängige Alternative zu Mausereignissen. Zieh- und Radereignisse leiten sich von Mausereignissen ab. |
Mausereignisse ausgelöst auf
Element
|
Netzwerk/Verbindung | Ereignisse im Zusammenhang mit dem Gewinnen und Verlieren 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 jeder leistungsbezogenen Spezifikation, die in Performance APIs gruppiert ist. |
Ereignisse ausgelöst auf
|
Zeiger |
Ereignisse im Zusammenhang mit der Pointer Events API. Bietet hardwareunabhängige Benachrichtigung von Zeigegeräten einschließlich Maus, Touch, Stift/Stylus. |
Ereignisse ausgelöst auf
Document ,
HTMLElement .
|
Ereignisse im Zusammenhang mit dem Drucken. |
Ereignisse ausgelöst auf
Window .
|
|
Promise-Ablehnung |
Ereignisse, die an den globalen Skript-Kontext gesendet werden, wenn ein beliebiges JavaScript-Promise abgelehnt 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 Auswahl von Text. |
Ereignis ( |
Touch |
Ereignisse im Zusammenhang mit der Touch Events API. Bietet Benachrichtigungsereignisse bei der Interaktion mit einem berührungsempfindlichen Bildschirm (d.h. mit einem Finger oder Stylus). Nicht verwandt 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 die dazugehörigen
|
Ereignisse ausgelöst auf
XRSystem ,
XRSession ,
XRReferenceSpace .
|
RTC (Echtzeitkommunikation) |
Ereignisse im Zusammenhang mit der WebRTC-API. |
Ereignisse ausgelöst auf
RTCDataChannel ,
RTCDTMFSender ,
RTCIceTransport ,
RTCPeerConnection .
|
Vom Server gesendete Ereignisse |
Ereignisse im Zusammenhang mit der API für vom Server gesendete Ereignisse. |
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 Nachrichtenübermittlungsfehler zu reagieren. Service-Worker können auch über andere Ereignisse benachrichtigt werden, einschließlich Push-Benachrichtigungen, Benutzerklicks auf angezeigte Benachrichtigungen, dass das Push-Abonnement ungültig gemacht wurde, das Löschen von Elementen aus dem Inhaltsindex, etc. |
Ereignisse ausgelöst auf
ServiceWorkerGlobalScope ,
DedicatedWorkerGlobalScope ,
SharedWorkerGlobalScope ,
WorkerGlobalScope ,
Worker ,
BroadcastChannel ,
MessagePort .
|
Spezifikationen
Specification |
---|
HTML Standard # events-2 |