Ereignisreferenz

Ereignisse werden ausgelöst, um Code über "interessante Änderungen" zu informieren, die die Codeausführung betreffen können. Diese können sich aus Benutzerinteraktionen wie der Verwendung einer Maus oder dem Ändern der Fenstergröße, Änderungen im Status der zugrunde liegenden Umgebung (z. B. niedriger Batteriestand oder Medienereignisse des Betriebssystems) und anderen Ursachen ergeben.

Jedes Ereignis wird durch ein Objekt dargestellt, das auf der Event-Schnittstelle basiert und zusätzliche benutzerdefinierte Felder und/oder Funktionen enthalten kann, um Informationen darüber zu liefern, was passiert ist. Die Dokumentation für jedes Ereignis enthält eine Tabelle (in der Nähe 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 einen Index zu den hauptsächlichen Arten von Ereignissen, die für Sie interessant sein könnten (Animation, Zwischenablage, Arbeiter usw.), zusammen mit den Hauptklassen, die diese Arten von Ereignissen implementieren.

Ereignisindex

Art des Ereignisses Beschreibung Dokumentation
Animation

Ereignisse in Bezug auf die Web Animation API.

Wird verwendet, um auf Änderungen des Animationsstatus zu reagieren (z. B. wenn eine Animation startet oder endet).

Animasionsereignisse ausgelöst auf Document, Window, HTMLElement.
Asynchrone Datenabfrage

Ereignisse in Bezug auf die Datenabfrage.

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

Ereignisse in Bezug auf die Clipboard API.

Verwendet, um zu benachrichtigen, wenn Inhalte ausgeschnitten, kopiert oder eingefügt werden.

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

Ereignisse in Bezug auf Komposition; Eingabe von Text "indirekt" (anstatt normale Tastendrücke zu verwenden).

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

Ereignisse ausgelöst auf Element.
CSS-Transition

Ereignisse in Bezug auf CSS-Transitions.

Stellt Benachrichtigungen bereit, wenn CSS-Transitions starten, stoppen, abgebrochen werden usw.

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

Ereignisse in Bezug auf Datenbankoperationen: Öffnen, Schließen, Transaktionen, Fehler usw.

Ereignisse ausgelöst auf IDBDatabase, IDBOpenDBRequest, IDBRequest, IDBTransaction.
DOM-Veränderung

Ereignisse in Bezug auf Modifikationen der Document Object Model (DOM)-Hierarchie und -Knoten.

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

Drag'n'drop, Rad

Ereignisse in Bezug auf die Verwendung der HTML Drag and Drop API und Radeinstellungen.

Zieh- und Radeinstellungen sind von Mauseinstellungen abgeleitet. Während diese bei Verwendung des Mausrads oder Drag/Drop ausgelöst werden, können sie auch mit anderer geeigneter Hardware verwendet werden.

Zieheinstellungen ausgelöst auf Document

Radeinstellungen ausgelöst auf Element

Fokus

Ereignisse in Bezug auf das Gewinnen und Verlieren des Fokus von Elementen.

Ereignisse ausgelöst auf Element, Window.
Formular

Ereignisse in Bezug auf Formulare, die konstruiert, zurückgesetzt und übermittelt werden.

Ereignisse ausgelöst auf HTMLFormElement.
Vollbild

Ereignisse in Bezug auf die Fullscreen API.

Wird verwendet, um zu benachrichtigen, wenn zwischen Vollbild- und Fenstermodus gewechselt wird, und auch über Fehler, die während dieses Wechsels auftreten.

Ereignisse ausgelöst auf Document, Element.
Gamepad

Ereignisse in Bezug auf die Gamepad API.

Ereignisse ausgelöst auf Window.
Gesten

Touch-Ereignisse werden zur Implementierung von Gesten empfohlen.

Ereignisse ausgelöst auf Document, Element.

Hinzu kommen einige nicht standardisierte Gesteneinstellungen:

Verlauf

Ereignisse in Bezug auf die History API.

Ereignisse ausgelöst auf Window.
Anzeigemanagement von HTML-Elementinhalten

Ereignisse in Bezug auf das Ändern des Zustands eines Anzeige- oder Textelements.

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

Ereignisse in Bezug auf HTML-Eingabeelemente, z.B. <input>, <select> oder <textarea>.

Ereignisse ausgelöst auf HTMLElement, HTMLInputElement.
Tastatur

Ereignisse in Bezug auf die Verwendung einer Tastatur.

Verwendet, um zu benachrichtigen, wenn Tasten hoch, unten oder nur gedrückt werden.

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

Ereignisse in Bezug auf das Laden und Entladen von Dokumenten.

Ereignisse ausgelöst auf Document und Window.

Manifeste

Ereignisse im Zusammenhang mit der Installation von progressive Web-App-Manifeste.

Ereignisse ausgelöst auf Window.
Medien

Ereignisse in Bezug auf die 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.
Nachrichtenübermittlung

Ereignisse in Bezug auf das Empfangen einer Nachricht von einem anderen Browsingkontext über ein Fenster.

Ereignisse ausgelöst auf Window.
Maus

Ereignisse in Bezug auf die Verwendung einer Computermaus.

Verwendet, um zu benachrichtigen, wenn die Maus geklickt, doppelt geklickt, hoch- und runtergefahren, rechts geklickt wird, in ein Element hinein- und hinausbewegt wird, Text ausgewählt wird usw.

Zeigerereignisse bieten eine hardwareunabhängige Alternative zu Mausereignissen. Zieh- und Radeinstellungen sind von Mausereignissen abgeleitet.

Mausereignisse ausgelöst auf Element
Netzwerk/Verbindung

Ereignisse in Bezug auf das Gewinnen und Verlieren der Netzwerkverbindung.

Ereignisse ausgelöst auf Window.

Ereignisse ausgelöst auf NetworkInformation (Netzwerkinformations-API).

Zahlungen

Ereignisse in Bezug auf die Payment Request API.

Ereignisse ausgelöst auf PaymentRequest, PaymentResponse.

Leistung

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

Ereignisse ausgelöst auf Performance.

Zeiger

Ereignisse in Bezug auf die Pointer Events API.

Stellt hardwareunabhängige Benachrichtigungen von Zeigegeräten bereit, einschließlich Maus, Touch, Stift/Stylo.

Ereignisse ausgelöst auf Document, HTMLElement.
Drucken

Ereignisse in Bezug auf das 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 in Bezug auf die WebSockets API.

Ereignisse ausgelöst auf WebSocket.
SVG

Ereignisse in Bezug auf SVG-Bilder.

Ereignisse ausgelöst auf SVGElement, SVGAnimationElement, SVGGraphicsElement.

Textauswahl

Selection API Ereignisse in Bezug auf die Textauswahl.

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

Touch

Ereignisse in Bezug auf die Touch Events API.

Stellt Benachrichtigungen von der Interaktion mit einem berührungsempfindlichen Bildschirm bereit (also durch Verwenden eines Fingers oder Stylus). Nicht in Bezug auf die Force Touch API.

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

Ereignisse in Bezug auf die WebXR Device API.

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

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

Ereignisse in Bezug auf die WebRTC API.

Ereignisse ausgelöst auf RTCDataChannel, RTCDTMFSender, RTCIceTransport, RTCPeerConnection.
Server-sent events

Ereignisse in Bezug auf die Server-sent events API.

Ereignisse ausgelöst auf EventSource.
Sprache

Ereignisse in Bezug auf die Web Speech API.

Ereignisse ausgelöst auf SpeechSynthesisUtterance.
Workers

Ereignisse in Bezug auf die 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-Arbeiter können auch über andere Ereignisse benachrichtigt werden, einschließlich Push-Benachrichtigungen, Benutzer, die auf angezeigte Benachrichtigungen klicken, dass das Push-Abonnement ungültig wurde, Löschung von Elementen aus dem Inhaltsindex usw.

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

Spezifikationen

Specification
HTML
# events-2