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 Document

Radevents ausgelöst auf Element

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

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

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.

Ereignisse ausgelöst auf Document und Window.

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

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

Zahlungen

Ereignisse im Zusammenhang mit der Payment Request API.

Ereignisse ausgelöst auf PaymentRequest, PaymentResponse.

Performance

Ereignisse im Zusammenhang mit jeglicher performance-bezogenen Spezifikation, die in Performance APIs gruppiert ist.

Ereignisse ausgelöst auf Performance.

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

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

Textauswahl

Selection API-Ereignisse im Zusammenhang mit dem Auswählen von Text.

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

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