Ereignisreferenz
Ereignisse werden ausgelöst, um den Code über "interessante Änderungen" zu informieren, die die Codeausführung beeinflussen können. Diese können aus Benutzerinteraktionen wie der Verwendung einer Maus oder der Änderung der Fenstergröße resultieren sowie aus Änderungen im Zustand der zugrundeliegenden Umgebung (z. B. niedriger Akkustand oder Medienereignisse des Betriebssystems) und anderen Ursachen.
Jedes Ereignis wird durch ein Objekt dargestellt, das auf der Event
-Schnittstelle basiert und möglicherweise zusätzliche benutzerdefinierte Felder und/oder Funktionen enthält, um Informationen bereit zu stellen, was passiert ist. Die Dokumentation für jedes Ereignis enthält eine Tabelle (in der Nähe der Oberseite), die einen Link zur zugehörigen Ereignisschnittstelle und andere relevante Informationen enthält. Eine vollständige Liste der verschiedenen Ereignistypen finden Sie unter Ereignis > Schnittstellen basierend auf Ereignis.
Dieses Thema bietet ein Verzeichnis der wichtigsten Arten von Ereignissen, die Sie interessieren könnten (Animation, Zwischenablage, Worker usw.) 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 des Animationsstatus zu reagieren (z. B. wann eine Animation startet oder endet). |
Animationsereignisse, die ausgelöst werden auf
Document ,
Window ,
HTMLElement .
|
Asynchrones Datenabrufen | Ereignisse im Zusammenhang mit dem Abrufen von Daten. |
Ereignisse, die ausgelöst werden 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, die ausgelöst werden auf
Document ,
Element ,
Window .
|
Komposition |
Ereignisse im Zusammenhang mit der Komposition; Eingabe von Text "indirekt" (anstatt normale Tastendrücke zu verwenden). Zum Beispiel Text, der über eine Sprache-zu-Text-Engine oder durch spezielle Tastenkombinationen eingegeben wird, die Tastendrücke ändern, um neue Zeichen in einer anderen Sprache darzustellen. |
Ereignisse, die ausgelöst werden auf
Element .
|
CSS-Übergang |
Ereignisse im Zusammenhang mit CSS-Übergängen. Bietet Benachrichtigungsereignisse, wenn CSS-Übergänge starten, stoppen oder abgebrochen werden, usw. |
Ereignisse, die ausgelöst werden auf
Document ,
HTMLElement ,
Window .
|
Datenbank |
Ereignisse im Zusammenhang mit Datenbankoperationen: Öffnen, Schließen, Transaktionen, Fehler, usw. |
Ereignisse, die ausgelöst werden auf
IDBDatabase ,
IDBOpenDBRequest ,
IDBRequest ,
IDBTransaction .
|
DOM-Änderung |
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 Raddrehereignisse. Drag- und Raddrehereignisse 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. |
Drag-Ereignisse, die ausgelöst werden auf
Raddrehereignisse, die ausgelöst werden auf
|
Fokus | Ereignisse im Zusammenhang mit dem Erhalt und Verlust des Fokus von Elementen. |
Ereignisse, die ausgelöst werden auf
Element ,
Window .
|
Formular |
Ereignisse im Zusammenhang mit Formularen, die erstellt, zurückgesetzt und eingereicht werden. |
Ereignisse, die ausgelöst werden auf
HTMLFormElement .
|
Vollbild |
Ereignisse im Zusammenhang mit der Fullscreen API. Wird verwendet, um zu benachrichtigen, wenn zwischen Vollbild- und Fenstermodi gewechselt wird und auch bei Fehlern während dieses Übergangs. |
Ereignisse, die ausgelöst werden auf
Document ,
Element .
|
Gamepad |
Ereignisse im Zusammenhang mit der Gamepad API. |
Ereignisse, die ausgelöst werden auf
Window .
|
Gesten |
Touch-Ereignisse werden empfohlen, um Gesten zu implementieren. |
Ereignisse, die ausgelöst werden auf
Darüber hinaus gibt es eine Reihe nicht-standardmäßiger Gesterneignisse:
|
Verlauf |
Ereignisse im Zusammenhang mit der History API. |
Ereignisse, die ausgelöst werden auf
Window .
|
Verwaltung der Inhaltsanzeige von HTML-Elementen |
Ereignisse im Zusammenhang mit der Änderung des Zustands eines Anzeige- oder Textelements. |
Ereignisse, die ausgelöst werden auf
HTMLDetailsElement ,
HTMLDialogElement ,
HTMLSlotElement .
|
Eingaben |
Ereignisse im Zusammenhang mit HTML-Eingabeelementen, z. B.
|
Ereignisse, die ausgelöst werden auf
HTMLElement ,
HTMLInputElement .
|
Tastatur |
Ereignisse im Zusammenhang mit der Verwendung einer Tastatur. Wird verwendet, um zu benachrichtigen, wenn Tasten nach oben, unten oder einfach nur gedrückt werden. |
Ereignisse, die ausgelöst werden auf
Document ,
Element .
|
Laden/Entladen von Dokumenten | Ereignisse im Zusammenhang mit dem Laden und Entladen von Dokumenten. |
|
Manifeste |
Ereignisse im Zusammenhang mit der Installation von Progressive Web App-Manifeste. |
Ereignisse, die ausgelöst werden auf
Window .
|
Medien |
Ereignisse im Zusammenhang mit der Mediennutzung (einschließlich der Media Capture and Streams API, Web Audio API, Picture-in-Picture API, usw.). |
Ereignisse, die ausgelöst werden auf
ScriptProcessorNode ,
HTMLMediaElement ,
AudioTrackList ,
AudioScheduledSourceNode ,
MediaRecorder ,
MediaStream ,
MediaStreamTrack ,
VideoTrackList ,
HTMLTrackElement ,
OfflineAudioContext ,
TextTrack ,
TextTrackList ,
Element/audio,
Element/video.
|
Messaging |
Ereignisse im Zusammenhang mit einem Fenster, das eine Nachricht von einem anderen Browserverlaufskontext empfängt. |
Ereignisse, die ausgelöst werden auf
Window .
|
Maus |
Ereignisse im Zusammenhang mit der Verwendung einer Computermaus. Wird verwendet, um zu benachrichtigen, wenn die Maus geklickt, doppelt geklickt, bei nach-oben und nach-unten Ereignissen, Rechtsklicken, Bewegung in und aus einem Element, Textauswahl, usw. Zeigerereignisse bieten eine hardwareunabhängige Alternative zu Mausereignissen. Drag- und Raddrehereignisse leiten sich von Mausereignissen ab. |
Mausereignisse, die ausgelöst werden auf
Element
|
Netzwerk/Verbindung | Ereignisse im Zusammenhang mit dem Erlangen und dem Verlust der Netzwerkverbindung. |
Ereignisse, die ausgelöst werden auf
Ereignisse, die ausgelöst werden auf
|
Zahlungen |
Ereignisse im Zusammenhang mit der Payment Request API. |
Ereignisse, die ausgelöst werden auf
|
Leistung |
Ereignisse im Zusammenhang mit jeder leistungsbezogenen Spezifikation, die in Performance APIs gruppiert ist. |
Ereignisse, die ausgelöst werden auf
|
Zeiger |
Ereignisse im Zusammenhang mit der Pointer Events API. Bietet hardwareunabhängige Benachrichtigungen von Zeigegeräten einschließlich Maus, Touch, Stift/Stylus. |
Ereignisse, die ausgelöst werden auf
Document ,
HTMLElement .
|
Ereignisse im Zusammenhang mit dem Drucken. |
Ereignisse, die ausgelöst werden auf
Window .
|
|
Promise-Ablehnung |
Ereignisse, die an den globalen Skriptkontext gesendet werden, wenn ein JavaScript-Promise abgelehnt wird. |
Ereignisse, die ausgelöst werden auf
Window .
|
Sockets |
Ereignisse im Zusammenhang mit der WebSockets API. |
Ereignisse, die ausgelöst werden auf
WebSocket .
|
SVG | Ereignisse im Zusammenhang mit SVG-Bildern. |
Ereignisse, die ausgelöst werden auf
|
Textauswahl |
Selection API-Ereignisse im Zusammenhang mit der Auswahl von Text. |
Ereignis ( |
Touch |
Ereignisse im Zusammenhang mit der Touch Events API. Bietet Benachrichtigungsereignisse durch die Interaktion mit einem berührungsempfindlichen Bildschirm (d.h. mit einem Finger oder Stift). Nicht bezogen auf die Force Touch API. |
Ereignisse, die ausgelöst werden auf
Document ,
Element .
|
Virtuelle Realität |
Ereignisse im Zusammenhang mit der WebXR-Geräte-API.
Warnung: Die
WebVR-API (und
zugehörige
|
Ereignisse, die ausgelöst werden auf
XRSystem ,
XRSession ,
XRReferenceSpace .
|
RTC (Echtzeitkommunikation) |
Ereignisse im Zusammenhang mit der WebRTC API. |
Ereignisse, die ausgelöst werden auf
RTCDataChannel ,
RTCDTMFSender ,
RTCIceTransport ,
RTCPeerConnection .
|
Server-sent events |
Ereignisse im Zusammenhang mit der Server-Sent Events API. |
Ereignisse, die ausgelöst werden auf
EventSource .
|
Sprache |
Ereignisse im Zusammenhang mit der Web Speech API. |
Ereignisse, die ausgelöst werden 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übertragungsfehler zu reagieren. Service-Worker können auch über andere Ereignisse benachrichtigt werden, einschließlich Push-Benachrichtigungen, Klicks von Benutzern auf angezeigte Benachrichtigungen, dass das Push-Abonnement ungültig geworden ist, das Löschen von Elementen aus dem Inhaltsindex, usw. |
Ereignisse, die ausgelöst werden auf
ServiceWorkerGlobalScope ,
DedicatedWorkerGlobalScope ,
SharedWorkerGlobalScope ,
WorkerGlobalScope ,
Worker ,
BroadcastChannel ,
MessagePort .
|
Spezifikationen
Specification |
---|
HTML # events-2 |