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 Document

Radereignisse ausgelöst auf Element

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 Document, Element.

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. <input>, <select>, oder <textarea>.

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.

Ereignisse ausgelöst auf Document und Window.

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 Window.

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

Zahlungen

Ereignisse im Zusammenhang mit der Payment Request API.

Ereignisse ausgelöst auf PaymentRequest, PaymentResponse.

Leistung

Ereignisse im Zusammenhang mit jeder leistungsbezogenen Spezifikation, die in Performance APIs gruppiert ist.

Ereignisse ausgelöst auf Performance.

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.
Drucken

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 SVGElement, SVGAnimationElement, SVGGraphicsElement.

Textauswahl

Selection API-Ereignisse im Zusammenhang mit der Auswahl von Text.

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

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 Window-Ereignisse) sind veraltet.

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