Ereignisreferenz

Ereignisse werden ausgelöst, um Code über "interessante Änderungen" zu informieren, die die Codeausführung beeinflussen könnten. Diese können durch Benutzerinteraktionen entstehen, wie die Verwendung einer Maus oder das Ändern der Fenstergröße, Änderungen im Zustand der zugrunde liegenden Umgebung (z. B. schwacher Akku oder Medienereignisse des Betriebssystems) und andere 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 darüber bereitzustellen, was passiert ist. Die Dokumentation für jedes Ereignis enthält eine Tabelle (nahezu oben), die einen Link zur zugehörigen Ereignisschnittstelle und weitere 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 Hauptkategorien von Ereignissen, die für Sie von Interesse sein 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 im Animationsstatus zu reagieren (z. B. wenn eine Animation startet oder endet).

Animationserignisse, die auf Document, Window, HTMLElement ausgelöst werden.
Asynchrone Datenerfassung

Ereignisse im Zusammenhang mit der Datenabrufung.

Ereignisse, die auf AbortSignal, XMLHttpRequest, FileReader ausgelöst werden.
Zwischenablage

Ereignisse im Zusammenhang mit der Clipboard API.

Wird verwendet, um zu benachrichtigen, wenn Inhalt ausgeschnitten, kopiert oder eingefügt wird.

Ereignisse, die auf Document, Element, Window ausgelöst werden.
Komposition

Ereignisse im Zusammenhang mit der Komposition; Texteingabe „indirekt“ (anstatt normale Tastatureingaben zu verwenden).

Zum Beispiel, Text, der über eine Sprache-zu-Text-Engine eingegeben wird, oder spezielle Tastenkombinationen, die Tastatureingaben verändern, um neue Zeichen in einer anderen Sprache darzustellen.

Ereignisse, die auf Element ausgelöst werden.
CSS-Übergang

Ereignisse im Zusammenhang mit CSS-Übergängen.

Liefert Benachrichtigungserignisse, wenn CSS-Übergänge starten, stoppen, abgebrochen werden usw.

Ereignisse, die auf Document, HTMLElement, Window ausgelöst werden.
Datenbank

Ereignisse im Zusammenhang mit Datenbankoperationen: Öffnen, Schließen, Transaktionen, Fehler usw.

Ereignisse, die auf IDBDatabase, IDBOpenDBRequest, IDBRequest, IDBTransaction ausgelöst werden.
DOM-Modifikation

Ereignisse im Zusammenhang mit Änderungen an der Document Object Model (DOM) Hierarchie und Knoten.

Warnung: Mutationsereignisse sind veraltet. Mutationsbeobachter sollten stattdessen verwendet werden.

Drag'n'Drop, Wheel

Ereignisse im Zusammenhang mit der Verwendung der HTML Drag and Drop API und Wheel-Ereignissen.

Drag- und Wheel-Ereignisse leiten sich von Mausereignissen ab. Während sie bei Verwendung des Mausrads oder bei Drag/Drop ausgelöst werden, können sie auch mit anderer geeigneter Hardware verwendet werden.

Drag-Ereignisse, die auf Document

Wheel-Ereignisse, die auf Element

Fokus

Ereignisse im Zusammenhang mit dem Erhalt oder Verlust des Fokus von Elementen.

Ereignisse, die auf Element, Window ausgelöst werden.
Formular

Ereignisse im Zusammenhang mit dem Erstellen, Zurücksetzen und Senden von Formularen.

Ereignisse, die auf HTMLFormElement ausgelöst werden.
Vollbild

Ereignisse im Zusammenhang mit der Fullscreen API.

Wird verwendet, um benachrichtigt zu werden, wenn zwischen Vollbild- und Fensterbetrieb gewechselt wird, sowie bei Fehlern, die während dieses Übergangs auftreten.

Ereignisse, die auf Document, Element ausgelöst werden.
Gamepad

Ereignisse im Zusammenhang mit der Gamepad API.

Ereignisse, die auf Window ausgelöst werden.
Gesten

Touch-Ereignisse werden empfohlen, um Gesten zu implementieren.

Ereignisse, die auf Document, Element ausgelöst werden.

Darüber hinaus gibt es eine Reihe nicht standardisierter Gestenereignisse:

Verlauf

Ereignisse im Zusammenhang mit der History API.

Ereignisse, die auf Window ausgelöst werden.
Verwaltung der Anzeige von HTML-Element-Inhalten

Ereignisse im Zusammenhang mit der Änderung des Zustands eines Anzeigebzw. Textelements.

Ereignisse, die auf HTMLDetailsElement, HTMLDialogElement, HTMLSlotElement ausgelöst werden.
Eingaben

Ereignisse im Zusammenhang mit HTML-Eingabeelementen wie z. B. <input>, <select>, oder <textarea>.

Ereignisse, die auf HTMLElement, HTMLInputElement ausgelöst werden.
Tastatur

Ereignisse im Zusammenhang mit der Verwendung einer Tastatur.

Wird verwendet, um zu benachrichtigen, wenn Tasten losgelassen, gedrückt oder nur gedrückt werden.

Ereignisse, die auf Document, Element ausgelöst werden.
Laden/Entladen von Dokumenten

Ereignisse im Zusammenhang mit dem Laden und Entladen von Dokumenten.

Ereignisse, die auf Document und Window ausgelöst werden.

Manifeste

Ereignisse im Zusammenhang mit der Installation von Progressive Web App Manifesten.

Ereignisse, die auf Window ausgelöst werden.
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 auf ScriptProcessorNode, HTMLMediaElement, AudioTrackList, AudioScheduledSourceNode, MediaRecorder, MediaStream, MediaStreamTrack, VideoTrackList, HTMLTrackElement, OfflineAudioContext, TextTrack, TextTrackList, Element/audio, Element/video ausgelöst werden.
Nachrichtenübermittlung

Ereignisse im Zusammenhang damit, dass ein Fenster eine Nachricht aus einem anderen Browsing-Kontext erhält.

Ereignisse, die auf Window ausgelöst werden.
Maus

Ereignisse im Zusammenhang mit der Verwendung einer Computermaus.

Wird verwendet, um zu benachrichtigen, wenn die Maus geklickt, doppelt geklickt wird, bei Hochgefahren und Abwärtsereignisse, Rechtsklick, Bewegung in und aus einem Element, Textauswahl usw.

Zeigereignisse bieten eine hardwareunabhängige Alternative zu Mausereignissen. Drag und Wheel-Ereignisse leiten sich von Mausereignissen ab.

Mausereignisse, die auf Element ausgelöst werden.
Netzwerk/Verbindung

Ereignisse im Zusammenhang mit dem Herstellen und Verlieren einer Netzwerkverbindung.

Ereignisse, die auf Window ausgelöst werden.

Ereignisse, die auf NetworkInformation (Network Information API) ausgelöst werden.

Zahlungen

Ereignisse im Zusammenhang mit der Payment Request API.

Ereignisse, die auf PaymentRequest, PaymentResponse ausgelöst werden.

Leistung

Ereignisse im Zusammenhang mit leistungsbezogenen Spezifikationen, die in Performance APIs gruppiert sind.

Ereignisse, die auf Performance ausgelöst werden.

Zeiger

Ereignisse im Zusammenhang mit der Pointer Events API.

Bietet hardwareunabhängige Benachrichtigung von Zeigergeräten einschließlich Maus, Touch, Stift/Stylus.

Ereignisse, die auf Document, HTMLElement ausgelöst werden.
Drucken

Ereignisse im Zusammenhang mit dem Drucken.

Ereignisse, die auf Window ausgelöst werden.
Promise-Ablehnung

Ereignisse, die an das globale Skriptkontext gesendet werden, wenn ein JavaScript-Promise abgelehnt wird.

Ereignisse, die auf Window ausgelöst werden.
Sockets

Ereignisse im Zusammenhang mit der WebSockets API.

Ereignisse, die auf WebSocket ausgelöst werden.
SVG

Ereignisse im Zusammenhang mit SVG-Bildern.

Ereignisse, die auf SVGElement, SVGAnimationElement, SVGGraphicsElement ausgelöst werden.

Textauswahl

Auswahl-API Ereignisse im Zusammenhang mit der Textauswahl.

Ereignis (selectionchange), das auf [`HTMLTextAreaElement`](/de/docs/Web/API/HTMLTextAreaElement/selectionchange_event), [`HTMLInputElement`](/de/docs/Web/API/HTMLInputElement/selectionchange_event) ausgelöst wird.

Touch

Ereignisse im Zusammenhang mit der Touch Events API.

Bietet Benachrichtigungserignisse beim Interagieren mit einem touchsensiblen Bildschirm (d. h. mit einem Finger oder Stift). Nicht im Zusammenhang mit der Force Touch API.

Ereignisse, die auf Document, Element ausgelöst werden.
Virtuelle Realität

Ereignisse im Zusammenhang mit der WebXR Device API.

Warnung: Die WebVR API (und die zugehörigen Window-Ereignisse) sind veraltet.

Ereignisse, die auf XRSystem, XRSession, XRReferenceSpace ausgelöst werden.
RTC (Echtzeitkommunikation)

Ereignisse im Zusammenhang mit der WebRTC API.

Ereignisse, die auf RTCDataChannel, RTCDTMFSender, RTCIceTransport, RTCPeerConnection ausgelöst werden.
Servergesendete Ereignisse

Ereignisse im Zusammenhang mit der Server Sent Events API.

Ereignisse, die auf EventSource ausgelöst werden.
Sprache

Ereignisse im Zusammenhang mit der Web Speech API.

Ereignisse, die auf SpeechSynthesisUtterance ausgelöst werden.
Arbeiter

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 Nachrichtensendeprobleme zu reagieren. Service Worker können auch über andere Ereignisse benachrichtigt werden, einschließlich Push-Benachrichtigungen, Benutzern, die auf angezeigte Benachrichtigungen klicken, dass das Push-Abonnement ungültig geworden ist, das Löschen von Elementen aus dem Inhaltsindex usw.

Ereignisse, die auf ServiceWorkerGlobalScope, DedicatedWorkerGlobalScope, SharedWorkerGlobalScope, WorkerGlobalScope, Worker, BroadcastChannel, MessagePort ausgelöst werden.

Spezifikationen

Specification
HTML Standard
# events-2