Ereignisreferenz
Ereignisse werden ausgelöst, um dem Code "interessante Änderungen" mitzuteilen, die die Codeausführung beeinflussen könnten. Diese können aus Benutzerinteraktionen wie der Nutzung einer Maus oder dem Ändern der Fenstergröße, Änderungen im Zustand der zugrunde liegenden Umgebung (z. B. niedriger Batteriestand oder Medienereignisse vom Betriebssystem) und 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 enthält, um Informationen darüber zu liefern, was passiert ist. Die Dokumentation für jedes Ereignis enthält eine Tabelle (nahe der Spitze), die einen Link zur zugehörigen Ereignisschnittstelle und andere relevante Informationen enthält. Eine vollständige Liste der verschiedenen Ereignistypen finden Sie unter Event > Interfaces based on Event.
Dieses Thema bietet ein Index zu den Hauptarten von Ereignissen, die für Sie von Interesse sein könnten (Animation, Zwischenablage, Worker usw.), sowie die Hauptklassen, die diese Art 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). |
Animationsevents ausgelöst auf
Document ,
Window ,
HTMLElement .
|
Asynchrones Einholen von Daten | Ereignisse im Zusammenhang mit dem Abrufen von Daten. |
Ereignisse ausgelöst auf
AbortSignal ,
XMLHttpRequest ,
FileReader .
|
Zwischenablage |
Ereignisse im Zusammenhang mit der Clipboard API. Wird verwendet, um benachrichtigt zu werden, wenn Inhalte ausgeschnitten, kopiert oder eingefügt werden. |
Ereignisse ausgelöst auf
Document ,
Element ,
Window .
|
Komposition |
Ereignisse im Zusammenhang mit der Komposition; Eingeben von Text "indirekt" (anstatt normale Tastatureingaben zu verwenden). Beispielsweise Text, der über eine Sprache-zu-Text-Engine eingegeben wird, oder durch spezielle Tastenkombinationen, die Tastatureingaben modifizieren, um neue Zeichen in einer anderen Sprache darzustellen. |
Ereignisse ausgelöst auf
Element .
|
CSS Transition |
Ereignisse im Zusammenhang mit CSS Transitions. Bietet Benachrichtigungen, wenn CSS-Übergänge starten, 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-Mutation |
Ereignisse im Zusammenhang mit Änderungen an der Document Object Model (DOM) Hierarchie und Knoten. |
Warnung: Mutation Events sind veraltet. Es sollten Mutation Observers verwendet werden. |
Ziehen und Ablegen, Rad |
Ereignisse im Zusammenhang mit der Verwendung des HTML Drag and Drop API und Wheel-Ereignissen. Zieh- und Radevents leiten sich von Mausevents ab. Während sie beim Verwenden des Mausrads oder Drag/drop ausgelöst werden, können sie auch mit anderer passender Hardware verwendet werden. |
Zieh-Ereignisse ausgelöst auf
Radevents ausgelöst auf
|
Fokus | Ereignisse im Zusammenhang mit dem Erhalten oder Verlieren des Fokus von Elementen. |
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 Fullscreen API. Wird verwendet, um beim Wechsel zwischen Vollbild- und Fenstermodus zu benachrichtigen und auch bei Fehlern, 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 Events werden empfohlen für die Implementierung von Gesten. |
Ereignisse ausgelöst auf
Zusätzlich gibt es eine Reihe von nicht standardisierten Gestenevents:
|
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 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 benachrichtigt zu werden, wenn Tasten gedrückt, losgelassen oder gerade gedrückt werden. |
Ereignisse ausgelöst 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 progressiven Web-App-Manifeste. |
Ereignisse ausgelöst 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 ausgelöst 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 Browsingkontext empfängt. |
Ereignisse ausgelöst auf
Window .
|
Maus |
Ereignisse im Zusammenhang mit der Verwendung einer Computermaus. Wird verwendet, um benachrichtigt zu werden, wenn die Maus geklickt, doppelt geklickt, hoch- und runterbewegt wird, Rechtsklick, Bewegung in und aus einem Element, Textauswahl, usw. Zeigerereignisse bieten eine hardwareunabhängige Alternative zu Mausevents. Ziehen- und Radereignisse leiten sich von Mausevents ab. |
Mausevents 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
|
Performance |
Ereignisse im Zusammenhang mit jeglicher performance-bezogenen Spezifikation, die in Performance APIs gruppiert ist. |
Ereignisse ausgelöst auf
|
Zeiger |
Ereignisse im Zusammenhang mit der Pointer Events API. Bietet hardwareunabhängige Benachrichtigungen 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 Skriptkontext gesendet werden, wenn ein 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 dem Auswählen von Text. |
Ereignis ( |
Berühren |
Ereignisse im Zusammenhang mit der Touch Events API. Bietet Benachrichtigungen bei der Interaktion mit einem berührungsempfindlichen Bildschirm (d.h. Verwendung eines Fingers oder Stylus). Nicht in Bezug auf die 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 damit verbundene
|
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 servergestützten 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 Nachrichtenversandfehler zu reagieren. Service-Worker können auch über andere Ereignisse benachrichtigt werden, einschließlich Push-Benachrichtigungen, Benutzer, die auf angezeigte Benachrichtigungen klicken, dass das Push-Abonnement ungültig geworden ist, das Löschen von Elementen aus dem Inhaltsindex, usw. |
Ereignisse ausgelöst auf
ServiceWorkerGlobalScope ,
DedicatedWorkerGlobalScope ,
SharedWorkerGlobalScope ,
WorkerGlobalScope ,
Worker ,
BroadcastChannel ,
MessagePort .
|
Spezifikationen
Specification |
---|
HTML # events-2 |