Element

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Element ist die allgemeinste Basisklasse, von der alle Element-Objekte (d.h. Objekte, die Elemente repräsentieren) in einem Document erben. Sie hat nur Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.

Zum Beispiel ist das HTMLElement Interface die Basis-Schnittstelle für HTML-Elemente. Ebenso ist das SVGElement Interface die Grundlage für alle SVG-Elemente, und das MathMLElement Interface ist die Basisschnittstelle für MathML-Elemente. Die meisten Funktionen werden weiter unten in der Klassenhierarchie spezifiziert.

Sprachen außerhalb der Web-Plattform, wie XUL über das XULElement Interface, implementieren ebenfalls Element.

Instanzeigenschaften

Element erbt Eigenschaften von seiner Elternschnittstelle, Node, und in weiterer Folge von der Elternschnittstelle dieser, EventTarget.

Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das das <slot> darstellt, in das der Knoten eingefügt ist.
Element.attributes Schreibgeschützt: Gibt ein NamedNodeMap Objekt zurück, das die zugewiesenen Attribute des entsprechenden HTML-Elements enthält.
Element.childElementCount Schreibgeschützt: Gibt die Anzahl der Kindelemente dieses Elements zurück.
Element.children Schreibgeschützt: Gibt die Kindelemente dieses Elements zurück.
Element.classList Schreibgeschützt: Gibt eine DOMTokenList zurück, die die Liste der Klassenattribute enthält.
Element.className: Ein String, der die Klasse des Elements repräsentiert.
Element.clientHeight Schreibgeschützt: Gibt eine Zahl zurück, die die innere Höhe des Elements repräsentiert.
Element.clientLeft Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des linken Rands des Elements repräsentiert.
Element.clientTop Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des oberen Rands des Elements repräsentiert.
Element.clientWidth Schreibgeschützt: Gibt eine Zahl zurück, die die innere Breite des Elements repräsentiert.
Element.currentCSSZoom Schreibgeschützt: Eine Zahl, die die effektive Zoomgröße des Elements angibt, oder 1.0, wenn das Element nicht gerendert wird.
Element.elementTiming Experimentell: Ein String, der das elementtiming Attribut widerspiegelt, das ein Element zur Beobachtung in der PerformanceElementTiming API markiert.
Element.firstElementChild Schreibgeschützt: Gibt das erste Kindelement dieses Elements zurück.
Element.id: Ein String, der die ID des Elements repräsentiert.
Element.innerHTML: Ein String, der das Markup des Inhalts des Elements repräsentiert.
Element.lastElementChild Schreibgeschützt: Gibt das letzte Kindelement dieses Elements zurück.
Element.localName Schreibgeschützt: Ein String, der den lokalen Teil des qualifizierten Namens des Elements repräsentiert.
Element.namespaceURI Schreibgeschützt: Der Namespace-URI des Elements oder null, wenn es kein Namespace ist.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element, das dem aktuellen im Baum unmittelbar folgt, oder null, wenn es kein Geschwisterknoten gibt.
Element.outerHTML: Ein String, der das Markup des Elements einschließlich seines Inhalts darstellt. Wenn er als Setter verwendet wird, wird das Element durch Knoten ersetzt, die aus dem angegebenen String geparst werden.
Element.part: Stellt die Part-Identifikatoren des Elements dar (d.h. mit dem part-Attribut gesetzt), zurückgegeben als eine DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namespace-Prefix des Elements repräsentiert, oder null, wenn kein Prefix angegeben ist.
Element.previousElementSibling Schreibgeschützt: Ein Element, das Element, das dem aktuellen im Baum unmittelbar vorausgeht, oder null, wenn es kein Geschwisterelement gibt.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansichtshöhe eines Elements darstellt.
Element.scrollLeft: Eine Zahl, die den linken Scroll-Offset des Elements repräsentiert.
Element.scrollLeftMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen linken Scroll-Offset für das Element darstellt.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel darstellt, um die das obere Ende des Elements vertikal gescrollt wurde.
Element.scrollTopMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximal möglichen oberen Scroll-Offset für das Element darstellt.
Element.scrollWidth Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansichtsbreite des Elements darstellt.
Element.shadowRoot Schreibgeschützt: Gibt das offene Shadow-Root zurück, das vom Element gehostet wird, oder null, wenn kein offenes Shadow-Root vorhanden ist.
Element.slot: Gibt den Namen des Slot im Shadow-DOM zurück, in dem das Element eingefügt ist.
Element.tagName Schreibgeschützt: Gibt einen String zurück, der den Namen des Tags für das gegebene Element darstellt.

Instanzeigenschaften aus ARIA

Das Element Interface beinhaltet ebenfalls die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic Attribut widerspiegelt, das angibt, ob unterstützende Technologien alle oder nur Teile der geänderten Region basierend auf den Änderungsbenachrichtigungen, die durch das aria-relevant Attribut definiert sind, präsentieren werden.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete Attribut widerspiegelt, das angibt, ob das Eingeben von Text die Anzeige von einem oder mehreren Vorhersagen des beabsichtigten Werts des Benutzers für ein Kombinationsfeld, Suchfeld oder Textfeld auslösen könnte und wie Vorhersagen präsentiert würden, wenn sie gemacht würden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel Attribut widerspiegelt, das das Braille-Label des Elements definiert.
Element.ariaBrailleRoleDescription: Ein String, der das aria-brailleroledescription Attribut widerspiegelt, das die ARIA-Braille-Rollenbeschreibung des Elements definiert.
Element.ariaBusy: Ein String, der das aria-busy Attribut widerspiegelt, das angibt, ob ein Element bearbeitet wird, da unterstützende Technologien möglicherweise warten möchten, bis die Änderungen abgeschlossen sind, bevor sie dem Benutzer zur Verfügung gestellt werden.
Element.ariaChecked: Ein String, der das aria-checked Attribut widerspiegelt, das den aktuellen "gecheckten" Status von Kontrollkästchen, Optionsschaltflächen und anderen Widgets mit einem gecheckten Status angibt.
Element.ariaColCount: Ein String, der das aria-colcount Attribut widerspiegelt, das die Anzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaColIndex: Ein String, der das aria-colindex Attribut widerspiegelt, das den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Spalten innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext Attribut widerspiegelt, das eine menschenlesbare Textalternative von aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan Attribut widerspiegelt, das die Anzahl der Spalten definiert, die von einer Zelle oder Gitterzelle innerhalb einer Tabelle, eines Rasters oder Baumrasters überspannt werden.
Element.ariaCurrent: Ein String, der das aria-current Attribut widerspiegelt, das das Element angibt, das das aktuelle Element innerhalb eines Containers oder Satzes verwandter Elemente darstellt.
Element.ariaDescription: Ein String, der das aria-description Attribut widerspiegelt, das einen String-Wert definiert, der das aktuelle Element beschreibt oder kommentiert.
Element.ariaDisabled: Ein String, der das aria-disabled Attribut widerspiegelt, das angibt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitet oder anderweitig bedienbar ist.
Element.ariaExpanded: Ein String, der das aria-expanded Attribut widerspiegelt, das angibt, ob ein von diesem Element besessenes oder kontrolliertes Gruppierungselement erweitert oder reduziert ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup Attribut widerspiegelt, das die Verfügbarkeit und Art des interaktiven Popup-Elements, wie Menü oder Dialog, das vom Benutzer über ein Element ausgelöst werden kann, angibt.
Element.ariaHidden: Ein String, der das aria-hidden Attribut widerspiegelt, das angibt, ob das Element einer Zugänglichkeits-API ausgesetzt ist.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts Attribut widerspiegelt, das die Tastenkombinationen angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder den Fokus darauf zu setzen.
Element.ariaLabel: Ein String, der das aria-label Attribut widerspiegelt, das einen String-Wert definiert, der das aktuelle Element labels.
Element.ariaLevel: Ein String, der das aria-level Attribut widerspiegelt, das die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.
Element.ariaLive: Ein String, der das aria-live Attribut widerspiegelt, das angibt, dass ein Element aktualisiert wird, und beschreibt die Art der Aktualisierungen, die Benutzeragenten, unterstützende Technologien und Benutzer von der Live-Region erwarten können.
Element.ariaModal: Ein String, der das aria-modal Attribut widerspiegelt, das angibt, ob ein Element beim Anzeigen modal ist.
Element.ariaMultiline: Ein String, der das aria-multiline Attribut widerspiegelt, das angibt, ob ein Textfeld mehrere Zeilen Eingang oder nur eine einzelne Zeile akzeptiert.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable Attribut widerspiegelt, das angibt, dass der Benutzer mehr als ein Element aus den aktuellen auswählbaren Nachkommen auswählen kann.
Element.ariaOrientation: Ein String, der das aria-orientation Attribut widerspiegelt, das angibt, ob die Orientierung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.
Element.ariaPlaceholder: Ein String, der das aria-placeholder Attribut widerspiegelt, das einen kurzen Hinweis definiert, der dem Benutzer bei der Dateneingabe zu helfen bestimmt ist, wenn das Steuerelement keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset Attribut widerspiegelt, das die Nummer oder Position eines Elements im aktuellen Satz von Listenelementen oder Baumelementen definiert.
Element.ariaPressed: Ein String, der das aria-pressed Attribut widerspiegelt, das den aktuellen "gedrückten" Zustand von Umschaltflächen angibt.
Element.ariaReadOnly: Ein String, der das aria-readonly Attribut widerspiegelt, das angibt, dass das Element nicht bearbeitbar ist, aber ansonsten bedienbar ist.
Element.ariaRelevant Nicht standardisiert: Ein String, der das aria-relevant Attribut widerspiegelt, das angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Zugänglichkeitsbaum innerhalb einer Live-Region geändert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einer aria-live Region relevant sind und angekündigt werden sollten.
Element.ariaRequired: Ein String, der das aria-required Attribut widerspiegelt, das angibt, dass Benutzereingaben erforderlich sind, bevor ein Formular eingereicht werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription Attribut widerspiegelt, das eine menschenlesbare, vom Autor lokalisierte Beschreibung der Rolle eines Elements definiert.
Element.ariaRowCount: Ein String, der das aria-rowcount Attribut widerspiegelt, das die Gesamtzahl der Reihen in einer Tabelle, einem Raster oder Baumraster definiert.
Element.ariaRowIndex: Ein String, der das aria-rowindex Attribut widerspiegelt, das den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtanzahl der Reihen innerhalb einer Tabelle, eines Rasters oder Baumrasters definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext Attribut widerspiegelt, das eine menschenlesbare Textalternative von aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan Attribut widerspiegelt, das die Anzahl der Reihen definiert, die von einer Zelle oder Gitterzelle innerhalb einer Tabelle, eines Rasters oder Baumrasters überspannt werden.
Element.ariaSelected: Ein String, der das aria-selected Attribut widerspiegelt, das den aktuellen "ausgewählten" Zustand von Elementen, die einen ausgewählten Zustand haben, angibt.
Element.ariaSetSize: Ein String, der das aria-setsize Attribut widerspiegelt, das die Anzahl der Elemente im aktuellen Satz von Listenelementen oder Baumelementen definiert.
Element.ariaSort: Ein String, der das aria-sort Attribut widerspiegelt, das angibt, ob Elemente in einer Tabelle oder einem Raster in aufsteigender oder absteigender Reihenfolge sortiert sind.
Element.ariaValueMax: Ein String, der das aria-valueMax Attribut widerspiegelt, das den maximal erlaubten Wert für ein Bereichs-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin Attribut widerspiegelt, das den minimal erlaubten Wert für ein Bereichs-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valueNow Attribut widerspiegelt, das den aktuellen Wert für ein Bereichs-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext Attribut widerspiegelt, das die menschenlesbare Textalternative von aria-valuenow für ein Bereichs-Widget definiert.
Element.role: Ein String, der das explizit gesetzte role Attribut widerspiegelt, das die semantische Rolle des Elements bereitstellt.

Instanzmethoden

Element erbt Methoden von seinen Eltern Node und seinem eigenen Elternteil, EventTarget.

Element.after(): Fügt eine Reihe von Node Objekten oder Strings in die Kinderliste des Elternteils des Element ein, direkt nach dem Element.
Element.animate(): Eine Abkürzungsmethode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt die erstellte Animation-Objektinstanz zurück.
Element.append(): Fügt eine Reihe von Node Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Fügt einem angegebenen Element einen Shadow-DOM-Baum an und gibt eine Referenz auf dessen ShadowRoot zurück.
Element.before(): Fügt eine Reihe von Node Objekten oder Strings in die Kinderliste des Elternteils des Element ein, direkt vor dem Element.
Element.checkVisibility(): Gibt zurück, ob ein Element basierend auf konfigurierbaren Überprüfungen sichtbar sein soll oder nicht.
Element.closest(): Gibt das Element zurück, das der nächste Vorfahre des aktuellen Elements ist (oder das aktuelle Element selbst), das den in der Parameter angegebenen Selektoren entspricht.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, der eine Alternative zu CSSStyleDeclaration ist.
Element.getAnimations(): Gibt ein Array von Animation-Objekten zurück, die derzeit auf dem Element aktiv sind.
Element.getAttribute(): Ruft den Wert des benannten Attributs vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getAttributeNames(): Gibt ein Array von Attributnamen des aktuellen Elements zurück.
Element.getAttributeNode(): Ruft die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten ab und gibt sie als Attr zurück.
Element.getAttributeNodeNS(): Ruft die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten ab und gibt sie als Attr zurück.
Element.getAttributeNS(): Ruft den Wert des Attributs mit dem angegebenen Namespace und Namen vom aktuellen Knoten ab und gibt ihn als String zurück.
Element.getBoundingClientRect(): Gibt die Größe eines Elements und seine Position relativ zum Ansichtsbereich zurück.
Element.getBoxQuads() Experimentell: Gibt eine Liste von DOMQuad Objekten zurück, die die CSS-Fragmente des Knotens darstellen.
Element.getClientRects(): Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client anzeigen.
Element.getElementsByClassName(): Gibt eine live HTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, die die im Parameter angegebene Klassenliste besitzen.
Element.getElementsByTagName(): Gibt eine live HTMLCollection zurück, die alle Nachkommen-Elemente eines bestimmten Tag-Namens vom aktuellen Element enthält.
Element.getElementsByTagNameNS(): Gibt eine live HTMLCollection zurück, die alle Nachkommen-Elemente eines bestimmten Tag-Namens und Namespace vom aktuellen Element enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich eines Shadow DOM.
Element.hasAttribute(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut hat oder nicht.
Element.hasAttributeNS(): Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im angegebenen Namespace hat oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere HTML-Attribute aufweist.
Element.hasPointerCapture(): Gibt an, ob das Element, auf das es aufgerufen wird, Zeigererfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger hat.
Element.insertAdjacentElement(): Fügt einen gegebenen Elementknoten an einer bestimmten Position relativ zu dem Element, auf dem es aufgerufen wird, ein.
Element.insertAdjacentHTML(): Parst den Text als HTML oder XML und fügt die resultierenden Knoten in den Baum an der angegebenen Position ein.
Element.insertAdjacentText(): Fügt einen gegebenen Textknoten an einer bestimmten Position relativ zu dem Element, auf dem es aufgerufen wird, ein.
Element.matches(): Gibt einen booleschen Wert zurück, der angibt, ob das Element durch die angegebene Selektorzeichenkette ausgewählt werden würde oder nicht.
Element.moveBefore() Experimentell: Verschiebt einen gegebenen Node innerhalb des aufrufenden Knotens als direktes Kind vor einen gegebenen Referenzknoten, ohne den Knoten zu entfernen und dann einzufügen.
Element.prepend(): Fügt eine Reihe von Node Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.querySelector(): Gibt den ersten Node zurück, der der im Parameter angegebenen Selektorzeichenkette relativ zum Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die der im Parameter angegebenen Selektorzeichenkette relativ zum Element entsprechen.
Element.releasePointerCapture(): Gibt die (gestoppte) Zeigererfassung frei, die zuvor für ein bestimmtes PointerEvent gesetzt wurde.
Element.remove(): Entfernt das Element aus der Kinderliste seines Elternteils.
Element.removeAttribute(): Entfernt das benannte Attribut vom aktuellen Knoten.
Element.removeAttributeNode(): Entfernt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.removeAttributeNS(): Entfernt das Attribut mit dem angegebenen Namen und Namespace vom aktuellen Knoten.
Element.replaceChildren(): Ersetzt die vorhandenen Kinder eines Node durch eine bestimmte neue Reihe von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils durch eine Reihe von Node Objekten oder Strings.
Element.requestFullscreen(): Asynchrones Anfordern des Browsers, das Element im Vollbild anzuzeigen.
Element.requestPointerLock(): Erlaubt, asynchron darum zu bitten, dass der Zeiger auf dem angegebenen Element gesperrt wird.
Element.scroll(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines angegebenen Elements.
Element.scrollBy(): Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView(): Scrollt die Seite, bis das Element in den Ansichtsbereich gelangt.
Element.scrollIntoViewIfNeeded() Nicht standardisiert: Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es nicht bereits im sichtbaren Bereich des Browserfensters ist. Verwenden Sie stattdessen das standardmäßige Element.scrollIntoView().
Element.scrollTo(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines angegebenen Elements.
Element.setAttribute(): Setzt den Wert eines benannten Attributs des aktuellen Knotens.
Element.setAttributeNode(): Setzt die Knotenrepräsentation des benannten Attributs vom aktuellen Knoten.
Element.setAttributeNodeNS(): Setzt die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten.
Element.setAttributeNS(): Setzt den Wert des Attributs mit dem angegebenen Namen und Namespace vom aktuellen Knoten.
Element.setCapture() Nicht standardisiert Veraltet: Richtet die Erfassung von Mausereignissen ein und leitet alle Mausereignisse an dieses Element weiter.
Element.setHTMLUnsafe(): Parst einen String aus HTML in ein Dokumentfragment, ohne Bereinigung, das dann den ursprünglichen Unterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Shadow-Roots enthalten, die als Template-Elemente geparst würden, wenn das HTML mit Element.innerHTML gesetzt würde.
Element.setPointerCapture(): Bezeichnet ein bestimmtes Element als das Erfassungsziel zukünftiger Zeigerereignisse.
Element.toggleAttribute(): Schaltet ein boolesches Attribut um, indem es entfernt wird, wenn es vorhanden ist, und hinzugefügt wird, wenn es nicht vorhanden ist, auf dem angegebenen Element.

Ereignisse

Diese Ereignisse können mithilfe von addEventListener() gehört werden oder durch Zuweisen eines Ereignis-Listeners zu der oneventname Eigenschaft dieser Schnittstelle.

afterscriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput: Wird ausgelöst, wenn der Wert eines Eingabeelements gerade geändert wird.
beforematch Experimentell: Wird bei einem Element ausgelöst, das sich im versteckt bis gefunden Zustand befindet, wenn der Browser dabei ist, seinen Inhalt aufzudecken, weil der Benutzer den Inhalt über die "Auf Seite suchen"-Funktion oder durch Fragmentnavigation gefunden hat.
beforescriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript ausgeführt wird.
beforexrselect Experimentell: Wird vor WebXR-Auswahlerereignissen ausgelöst (select, selectstart, selectend).
contentvisibilityautostatechange: Wird bei jedem Element ausgelöst, das content-visibility: auto eingestellt hat, wenn es anfängt oder aufhört für den Benutzer relevant zu sein und seinen Inhalt überspringt.
input: Wird ausgelöst, wenn der Wert eines Elements als direkte Folge einer Benutzeraktion geändert wird.
securitypolicyviolation: Wird ausgelöst, wenn eine Content Security Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer eine Rad-Taste auf einem Zeigegerät (meistens eine Maus) dreht.

Animationsevents

animationcancel: Wird ausgelöst, wenn eine Animation unerwartet abbricht.
animationend: Wird ausgelöst, wenn eine Animation normal abgeschlossen wurde.
animationiteration: Wird ausgelöst, wenn eine Animationsiteration abgeschlossen wurde.
animationstart: Wird ausgelöst, wenn eine Animation startet.

Zwischenablage-Ereignisse

copy: Wird ausgelöst, wenn der Benutzer eine Kopieraktion über die Benutzeroberfläche des Browsers initiiert.
cut: Wird ausgelöst, wenn der Benutzer eine Ausschneideaktion über die Benutzeroberfläche des Browsers initiiert.
paste: Wird ausgelöst, wenn der Benutzer eine Einfügeaktion über die Benutzeroberfläche des Browsers initiiert.

Kompositionsereignisse

compositionend: Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor die aktuelle Kompositionssitzung abgeschlossen oder abgebrochen hat.
compositionstart: Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethoden-Editor eine neue Kompositionssitzung startet.
compositionupdate: Wird ausgelöst, wenn ein neues Zeichen im Kontext einer Textkompositionssitzung empfangen wird, die von einem Textkompositionssystem wie einem Eingabemethoden-Editor gesteuert wird.

Fokusereignisse

blur: Wird ausgelöst, wenn ein Element den Fokus verliert.
focus: Wird ausgelöst, wenn ein Element den Fokus erhält.
focusin: Wird ausgelöst, wenn ein Element den Fokus erhält, nach focus.
focusout: Wird ausgelöst, wenn ein Element den Fokus verliert, nach blur.

Vollbildereignisse

fullscreenchange: Wird einem Element gesendet, wenn es in den oder aus dem Vollbildmodus wechselt.
fullscreenerror: Wird einem Element gesendet, wenn ein Fehler beim Versuch auftritt, es in den oder aus dem Vollbildmodus zu wechseln.

Tastaturereignisse

keydown: Wird ausgelöst, wenn eine Taste gedrückt wird.
keypress Veraltet: Wird ausgelöst, wenn eine Taste, die einen Zeichenwert erzeugt, gedrückt wird.
keyup: Wird ausgelöst, wenn eine Taste losgelassen wird.

Mausereignisse

auxclick: Wird ausgelöst, wenn eine nicht-primäre Zeigegerätetaste (z. B. eine andere Maustaste als die linke) auf einem Element gedrückt und losgelassen wurde.
click: Wird ausgelöst, wenn eine Zeigegerätetaste (z. B. die primäre Taste einer Maus) auf einem einzelnen Element gedrückt und losgelassen wird.
contextmenu: Wird ausgelöst, wenn der Benutzer versucht, ein Kontextmenü zu öffnen.
dblclick: Wird ausgelöst, wenn eine Zeigegerätetaste (z. B. die primäre Maustaste) zweimal auf einem einzelnen Element geklickt wird.
DOMActivate Veraltet: Tritt auf, wenn ein Element aktiviert wird, zum Beispiel durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll Veraltet Nicht standardisiert: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät bedient wird und die aufgelaufene Scrollmenge seit dem letzten Ereignis über 1 Zeile oder 1 Seite liegt.
mousedown: Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigereingabegerät (normalerweise eine Maus) über das Element bewegt wird, an das der Listener angehängt ist.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigereingabegeräts (normalerweise eine Maus) aus einem Element heraus bewegt wird, an das der Listener angehängt ist.
mousemove: Wird ausgelöst, wenn ein Zeigereingabegerät (normalerweise eine Maus) über einem Element bewegt wird.
mouseout: Wird ausgelöst, wenn ein Zeigereingabegerät (normalerweise eine Maus) aus dem Element, an das der Listener angehängt ist, oder aus einem seiner Kinder heraus bewegt wird.
mouseover: Wird ausgelöst, wenn ein Zeigereingabegerät in ein Element bewegt wird, an das der Listener angehängt ist oder zu einem seiner Kinder.
mouseup: Wird ausgelöst, wenn eine Zeigegerätetaste auf einem Element losgelassen wird.
mousewheel Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät bedient wird.
MozMousePixelScroll Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät bedient wird.
webkitmouseforcechanged Nicht standardisiert: Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad-Touchscreen ändert.
webkitmouseforcedown Nicht standardisiert: Wird nach dem mousedown Ereignis ausgelöst, sobald genügend Druck ausgeübt wurde, um als "Force Click" zu qualifizieren.
webkitmouseforcewillbegin Nicht standardisiert: Wird vor dem mousedown Ereignis ausgelöst.
webkitmouseforceup Nicht standardisiert: Wird nach dem webkitmouseforcedown Ereignis ausgelöst, sobald der Druck ausreichend verringert wurde, um den "Force Click" zu beenden.

Zeigerereignisse

gotpointercapture: Wird ausgelöst, wenn ein Element einen Zeiger mit setPointerCapture() erfasst.
lostpointercapture: Wird ausgelöst, wenn ein erfasster Zeiger freigegeben wird.
pointercancel: Wird ausgelöst, wenn ein Zeigerereignis abgebrochen wird.
pointerdown: Wird ausgelöst, wenn ein Zeiger aktiv wird.
pointerenter: Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger aus den Hit-Test-Grenzen eines Elements herausbewegt wird.
pointermove: Wird ausgelöst, wenn ein Zeiger die Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Hit-Test Grenzen eines Elements herausbewegt wird (aus verschiedenen Gründen).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements hineinbewegt wird.
pointerrawupdate Experimentell: Wird ausgelöst, wenn ein Zeiger andere Eigenschaften ändert, die keine pointerdown oder pointerup Ereignisse verursachen.
pointerup: Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Scrollereignisse

scroll: Wird ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn die Dokumentansicht das Scrollen abgeschlossen hat.
scrollsnapchange Experimentell: Wird am Scroll-Container nach Abschluss eines Scroll-Vorgangs ausgelöst, wenn eine neue Scroll-Snap-Zielauswahl getroffen wurde.
scrollsnapchanging Experimentell: Wird am Scroll-Container ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel ansteht, d.h. es wird ausgewählt, wenn das aktuelle Scroll-Gestik endet.

Touchevents

gesturechange Nicht standardisiert: Wird ausgelöst, wenn sich die Finger während einer Touch-Geste bewegen.
gestureend Nicht standardisiert: Wird ausgelöst, wenn keine Finger mehr die Touch-Oberfläche berühren und somit die Geste endet.
gesturestart Nicht standardisiert: Wird ausgelöst, wenn mehrere Finger die Touch-Oberfläche berühren und somit eine neue Geste starten.
touchcancel: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf eine implementierungsspezifische Weise gestört wurden (zum Beispiel, wenn zu viele Berührungspunkte erstellt wurden).
touchend: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsoberfläche entfernt werden.
touchmove: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsoberfläche bewegt werden.
touchstart: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsoberfläche gelegt werden.

Transitionsevents

transitioncancel: Ein Event, das ausgelöst wird, wenn eine CSS-Transition abgebrochen wurde.
transitionend: Ein Event, das ausgelöst wird, wenn eine CSS-Transition das Abspielen beendet hat.
transitionrun: Ein Event, das ausgelöst wird, wenn eine CSS-Transition erstellt (d.h. zu einem Satz laufender Übergänge hinzugefügt) wurde, aber nicht unbedingt gestartet ist.
transitionstart: Ein Event, das ausgelöst wird, wenn eine CSS-Transition zu übergehen begonnen hat.

Spezifikationen

Specification
DOM # interface-element
Pointer Events # extensions-to-the-element-interface
Fullscreen API # api
DOM Parsing and Serialization # extensions-to-the-element-interface
CSSOM View Module # extension-to-the-element-interface