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.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.

Please take two minutes to fill out our short survey.

Element ist die allgemeinste Basisklasse, von der alle Elementobjekte (d.h. Objekte, die Elemente darstellen) in einem Document erben. Sie verfügt nur über Methoden und Eigenschaften, die allen Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.

Zum Beispiel ist das HTMLElement-Interface das Basisinterface für HTML-Elemente. Ähnlich ist das SVGElement-Interface die Basis für alle SVG-Elemente und das MathMLElement-Interface ist das Basisinterface für MathML-Elemente. Die meiste Funktionalität wird weiter unten in der Klassenhierarchie spezifiziert.

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

Instanzeigenschaften

Element erbt Eigenschaften von seinem Elternelement Node und durch Erweiterung von dessen Elternelement EventTarget.

Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das das <slot> darstellt, in das der Knoten eingefügt wird.
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 darstellt.
Element.clientHeight Schreibgeschützt: Gibt eine Zahl zurück, die die innere Höhe des Elements darstellt.
Element.clientLeft Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des linken Randes des Elements darstellt.
Element.clientTop Schreibgeschützt: Gibt eine Zahl zurück, die die Breite des oberen Randes des Elements darstellt.
Element.clientWidth Schreibgeschützt: Gibt eine Zahl zurück, die die innere Breite des Elements darstellt.
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 kennzeichnet.
Element.firstElementChild Schreibgeschützt: Gibt das erste Kindelement dieses Elements zurück.
Element.id: Ein String, der die ID des Elements darstellt.
Element.innerHTML: Ein String, der das Markup des Inhalts des Elements darstellt.
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 darstellt.
Element.namespaceURI Schreibgeschützt: Die Namespace-URI des Elements oder null, wenn es keinen Namespace gibt.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element, das dem angegebenen im Baum unmittelbar folgt, oder null, wenn kein Geschwisterknoten vorhanden ist.
Element.outerHTML: Ein String, der das Markup des Elements einschließlich seines Inhalts darstellt. Wird es als Setter verwendet, wird das Element durch Knoten ersetzt, die aus dem angegebenen String geparst wurden.
Element.part: Repräsentiert den/die Part-Identifier des Elements (d.h. durch das part-Attribut gesetzt), zurückgegeben als DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namespace-Präfix des Elements darstellt, oder null, wenn kein Präfix angegeben ist.
Element.previousElementSibling Schreibgeschützt: Ein Element, das dem angegebenen im Baum unmittelbar vorausgeht, oder null, wenn kein Geschwisterelement vorhanden ist.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die Scrollansichtshöhe eines Elements darstellt.
Element.scrollLeft: Eine Zahl, die den linken Scrollversatz des Elements darstellt.
Element.scrollLeftMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximalen linken Scrollversatz für das Element darstellt.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel darstellt, um die das Element oben gescrollt ist.
Element.scrollTopMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximalen oberen Scrollversatz 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 Shadow DOM-Slots zurück, in den das Element eingefügt wird.
Element.tagName Schreibgeschützt: Gibt einen String mit dem Namen des Tags für das angegebene Element zurück.

Instanzeigenschaften, die von ARIA enthalten sind

Das Element Interface enthält auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic-Attribut widerspiegelt, welches angibt, ob unterstützende Technologien den gesamten oder nur Teile des geänderten Bereichs präsentieren, basierend auf den Änderungsbenachrichtigungen, die durch das aria-relevant-Attribut definiert sind.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete-Attribut widerspiegelt, welches angibt, ob die Eingabe von Text die Anzeige einer oder mehrerer Vorhersagen des beabsichtigten Werts des Benutzers für ein Kombinationsfeld, ein Suchfeld oder ein Textfeld auslösen könnte und wie Vorhersagen dargestellt werden würden, falls sie gemacht werden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel-Attribut widerspiegelt, welches 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, welches angibt, ob ein Element modifiziert wird, da unterstützende Technologien möglicherweise warten möchten, bis die Modifikationen abgeschlossen sind, bevor sie dem Benutzer angezeigt werden.
Element.ariaChecked: Ein String, der das aria-checked-Attribut widerspiegelt, welches den aktuellen "geprüften" Zustand von Kontrollkästchen, Optionsschaltflächen und anderen Widgets angibt, die einen geprüften Zustand haben.
Element.ariaColCount: Ein String, der das aria-colcount-Attribut widerspiegelt, welches die Anzahl der Spalten in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaColIndex: Ein String, der das aria-colindex-Attribut widerspiegelt, welches den Spaltenindex oder die Position eines Elements in Bezug auf die Gesamtzahl der Spalten innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative zu aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan-Attribut widerspiegelt, welches die Anzahl der durch eine Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder eines Baumrasters überbrückten Spalten definiert.
Element.ariaCurrent: Ein String, der das aria-current-Attribut widerspiegelt, welches das Element angibt, das das aktuelle Element innerhalb eines Containers oder einer Gruppe verwandter Elemente darstellt.
Element.ariaDescription: Ein String, der das aria-description-Attribut widerspiegelt, welches einen Stringwert definiert, der das aktuelle Element beschreibt oder annotiert.
Element.ariaDisabled: Ein String, der das aria-disabled-Attribut widerspiegelt, welches angibt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht bearbeitet oder anderweitig bedient werden kann.
Element.ariaExpanded: Ein String, der das aria-expanded-Attribut widerspiegelt, welches angibt, ob ein Gruppierungselement, das von diesem Element besessen oder kontrolliert wird, erweitert oder eingeklappt ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup-Attribut widerspiegelt, welches die Verfügbarkeit und den Typ eines interaktiven Popup-Elements anzeigt, wie Menü oder Dialog, das durch ein Element ausgelöst werden kann.
Element.ariaHidden: Ein String, der das aria-hidden-Attribut widerspiegelt, welches angibt, ob das Element einer API für Barrierefreiheit ausgesetzt ist.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts-Attribut widerspiegelt, welches angibt, welche Tastenkombinationen ein Autor implementiert hat, um ein Element zu aktivieren oder zu fokussieren.
Element.ariaLabel: Ein String, der das aria-label-Attribut widerspiegelt, welches einen Stringwert definiert, der das aktuelle Element beschriftet.
Element.ariaLevel: Ein String, der das aria-level-Attribut widerspiegelt, welches die hierarchische Ebene eines Elements innerhalb einer Struktur definiert.
Element.ariaLive: Ein String, der das aria-live-Attribut widerspiegelt, welches angibt, dass ein Element aktualisiert wird, und die Arten von Aktualisierungen beschreibt, die Benutzeragenten, unterstützende Technologien und Benutzer von der Live-Region erwarten können.
Element.ariaModal: Ein String, der das aria-modal-Attribut widerspiegelt, welches angibt, ob ein Element modal ist, wenn es angezeigt wird.
Element.ariaMultiline: Ein String, der das aria-multiline-Attribut widerspiegelt, welches angibt, ob ein Textfeld mehrere Zeilen Empfang von eingabewerten Ausdruck befindet.
Element.ariaMultiSelectable: Ein String, der das aria-multiselectable-Attribut widerspiegelt, welches angibt, dass der Benutzer mehr als ein Element aus den derzeit auswählbaren Nachkommen auswählen kann.
Element.ariaOrientation: Ein String, der das aria-orientation-Attribut widerspiegelt, welches angibt, ob die Ausrichtung des Elements horizontal, vertikal oder unbekannt/mehrdeutig ist.
Element.ariaPlaceholder: Ein String, der das aria-placeholder-Attribut widerspiegelt, welches einen kurzen Hinweis definiert, der dem Benutzer bei der Dateneingabe hilft, wenn das Steuerfeld keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset-Attribut widerspiegelt, welches die Zahl oder Position eines Elements in der aktuellen Gruppe von Listenelementen oder Baumelementen definiert.
Element.ariaPressed: Ein String, der das aria-pressed-Attribut widerspiegelt, welches den aktuellen "gedrückten" Zustand von Umschaltknöpfen angibt.
Element.ariaReadOnly: Ein String, der das aria-readonly-Attribut widerspiegelt, welches angibt, dass das Element nicht bearbeitbar, aber dennoch bedienbar ist.
Element.ariaRelevant Nicht standardisiert: Ein String, der das aria-relevant-Attribut widerspiegelt, welches angibt, welche Benachrichtigungen der Benutzeragent auslöst, wenn der Zugänglichkeitsbaum innerhalb einer Live-Region modifiziert 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, welches angibt, dass eine Benutzereingabe auf dem Element erforderlich ist, bevor ein Formular gesendet werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription-Attribut widerspiegelt, welches eine menschenlesbare, vom Autor lokalisierte Beschreibung für die Rolle eines Elements definiert.
Element.ariaRowCount: Ein String, der das aria-rowcount-Attribut widerspiegelt, welches die Gesamtzahl der Zeilen in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaRowIndex: Ein String, der das aria-rowindex-Attribut widerspiegelt, welches den Zeilenindex oder die Position eines Elements in Bezug auf die Gesamtzahl der Zeilen innerhalb einer Tabelle, eines Rasters oder eines Baumrasters definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext-Attribut widerspiegelt, welches eine menschenlesbare Textalternative zu aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan-Attribut widerspiegelt, welches die Anzahl der durch eine Zelle oder Rasterzelle innerhalb einer Tabelle, eines Rasters oder eines Baumrasters überbrückten Zeilen definiert.
Element.ariaSelected: Ein String, der das aria-selected-Attribut widerspiegelt, welches den aktuellen "ausgewählten" Zustand von Elementen angibt, die einen ausgewählten Zustand haben.
Element.ariaSetSize: Ein String, der das aria-setsize-Attribut widerspiegelt, welches die Anzahl der Elemente in der aktuellen Gruppe von Listenelementen oder Baumelementen definiert.
Element.ariaSort: Ein String, der das aria-sort-Attribut widerspiegelt, welches angibt, ob Elemente in einer Tabelle oder in einem Raster in auf- oder absteigender Reihenfolge sortiert sind.
Element.ariaValueMax: Ein String, der das aria-valueMax-Attribut widerspiegelt, welches den maximal zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin-Attribut widerspiegelt, welches den minimal zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueNow: Ein String, der das aria-valueNow-Attribut widerspiegelt, welches den aktuellen Wert für ein Bereichs-Widget definiert.
Element.ariaValueText: Ein String, der das aria-valuetext-Attribut widerspiegelt, welches die menschenlesbare Textalternative zu aria-valuenow für ein Bereichs-Widget definiert.
Element.role: Ein String, der das explizit gesetzte role-Attribut widerspiegelt, welches die semantische Rolle des Elements angibt.

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 direkt hinter dem Element ein.
Element.animate(): Eine Abkürzungsmethode zum Erstellen und Ausführen einer Animation auf einem Element. Gibt das erstellte Animation-Objekt zurück.
Element.append(): Fügt eine Reihe von Node-Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Hängt einen Shadow-DOM-Baum an das angegebene Element an und gibt eine Referenz auf dessen ShadowRoot zurück.
Element.before(): Fügt eine Gruppe von Node-Objekten oder Strings in die Kinderliste des Eltern-Element direkt vor dem Element ein.
Element.checkVisibility(): Gibt zurück, ob ein Element voraussichtlich sichtbar ist oder nicht, basierend auf konfigurierbaren Überprüfungen.
Element.closest(): Gibt das Element zurück, das der nächste Vorfahre des aktuellen Elements (oder das aktuelle Element selbst) ist, das den im Parameter angegebenen Selektoren entspricht.
Element.computedStyleMap(): Gibt ein StylePropertyMapReadOnly-Interface zurück, das eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, die eine Alternative zu CSSStyleDeclaration darstellt.
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 aus dem 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 Viewport 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 angeben.
Element.getElementsByClassName(): Gibt eine Live-HTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, welche die im Parameter angegebene Klassenliste besitzen.
Element.getElementsByTagName(): Gibt eine Live-HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tags aus dem aktuellen Element enthält.
Element.getElementsByTagNameNS(): Gibt eine Live-HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tags und Namespaces aus dem aktuellen Element enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, einschließlich eines optionalen 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 vorhanden hat.
Element.hasPointerCapture(): Gibt an, ob das aufgerufene Element Zeigererfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger besitzt.
Element.insertAdjacentElement(): Fügt ein gegebenes Element an einer angegebenen Position relativ zu dem Element ein, auf das es aufgerufen wird.
Element.insertAdjacentHTML(): Parst den Text als HTML oder XML und fügt die resultierenden Knoten an der angegebenen Position in den Baum ein.
Element.insertAdjacentText(): Fügt ein gegebenen Textknoten an einer angegebenen Position relativ zu dem Element ein, auf das es aufgerufen wird.
Element.matches(): Gibt einen booleschen Wert zurück, der angibt, ob das Element durch den angegebenen Selektorstring ausgewählt würde.
Element.prepend(): Fügt eine Gruppe von Node-Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.querySelector(): Gibt das erste Node zurück, das dem angegebenen Selektorstring relativ zum Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die dem angegebenen Selektorstring relativ zum Element entsprechen.
Element.releasePointerCapture(): Gibt eine zuvor gesetzte Zeigererfassung für ein spezifisches PointerEvent frei.
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 angegebene neue Gruppe von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils durch eine Gruppe von Node-Objekten oder Strings.
Element.requestFullscreen(): Fordert asynchron an, dass der Browser das Element im Vollbildmodus anzeigt.
Element.requestPointerLock(): Ermöglicht es, asynchron anzufordern, dass der Zeiger auf das angegebene 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 Sichtbereich gerät.
Element.scrollIntoViewIfNeeded() Nicht standardisiert: Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, falls es sich nicht bereits im sichtbaren Bereich des Browserfensters befindet. Verwenden Sie stattdessen die Standardmethode Element.scrollIntoView().
Element.scrollTo(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines angegebenen Elements.
Element.setAttribute(): Legt den Wert eines benannten Attributs des aktuellen Knotens fest.
Element.setAttributeNode(): Legt die Knotenrepräsentation des benannten Attributs des aktuellen Knotens fest.
Element.setAttributeNodeNS(): Legt die Knotenrepräsentation des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens fest.
Element.setAttributeNS(): Legt den Wert des Attributs mit dem angegebenen Namen und Namespace des aktuellen Knotens fest.
Element.setCapture() Nicht standardisiert Veraltet: Richtet die Erfassung von Mausevents ein und leitet alle Mausevents an dieses Element um.
Element.setHTMLUnsafe(): Parst einen HTML-String in ein Dokumentfragment, ohne Prüfung, welches dann den Originalunterbaum des Elements im DOM ersetzt. Der HTML-String kann deklarative Schattenwurzeln beinhalten, die als Vorlagelemente 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(): Wechselt ein boolesches Attribut, entfernt es, wenn es vorhanden ist, und fügt es hinzu, wenn es nicht vorhanden ist, auf dem angegebenen Element.

Ereignisse

Hören Sie diese Ereignisse mit addEventListener() ab oder indem Sie einen Ereignis-Listener an die oneventname-Eigenschaft dieses Interfaces zuweisen.

afterscriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript ausgeführt wurde.
beforeinput: Wird ausgelöst, wenn der Wert eines Eingabeelements kurz davor steht, geändert zu werden.
beforematch Experimentell: Wird auf einem Element ausgelöst, das sich im „versteckt bis gefunden“-Zustand befindet, wenn der Browser kurz davor steht, seinen Inhalt zu enthüllen, weil der Benutzer den Inhalt über die „Auf der Seite suchen“-Funktion oder über Fragmentnavigation gefunden hat.
beforescriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript kurz davor steht, ausgeführt zu werden.
beforexrselect Experimentell: Wird vor WebXR-Auswahlereignissen ausgelöst (select, selectstart, selectend).
contentvisibilityautostatechange: Wird auf einem beliebigen Element mit content-visibility: auto ausgelöst, wenn es anfängt oder aufhört, für den Benutzer relevant zu sein und seinen Inhalt zu überspringen.
input: Wird ausgelöst, wenn sich der Wert eines Elements als direkte Folge einer Benutzeraktion ändert.
securitypolicyviolation: Wird ausgelöst, wenn eine Content-Security-Policy verletzt wird.
wheel: Wird ausgelöst, wenn der Benutzer ein Radknopf auf einem Zeigegerät (typischerweise 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 ist.
animationstart: Wird ausgelöst, wenn eine Animation beginnt.

Zwischenablageereignisse

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 Eingabemethodeneditor die aktuelle Kompositionssitzung abschließt oder abbricht.
compositionstart: Wird ausgelöst, wenn ein Textkompositionssystem wie ein Eingabemethodeneditor eine neue Kompositionssitzung startet.
compositionupdate: Wird ausgelöst, wenn ein neuer Charakter im Kontext einer Textkompositionssitzung empfangen wird, die von einem Textkompositionssystem wie einem Eingabemethodeneditor gesteuert wird.

Fokusevents

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.

Vollbild-Ereignisse

fullscreenchange: Wird an ein Element gesendet, wenn es in den Vollbildmodus wechselt oder diesen verlässt.
fullscreenerror: Wird an ein Element gesendet, wenn ein Fehler auftritt, während versucht wird, es in den Vollbildmodus zu schalten oder diesen zu verlassen.

Tastaturereignisse

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

Mausereignisse

auxclick: Wird ausgelöst, wenn eine nicht primäre Taste eines Zeigegeräts (z.B. jede andere Maustaste außer der linken) auf einem Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn eine Taste eines Zeigegeräts (z.B. die primäre Maustaste) 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 Taste eines Zeigegeräts (z.B. die primäre Maustaste) zweimal auf einem einzelnen Element geklickt wird.
DOMActivate Veraltet: Tritt auf, wenn ein Element aktiviert wird, z.B. durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll Veraltet Nicht standardisiert: Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betätigt wird und der akkumulierte Bildlaufbetrag seit dem letzten Ereignis mehr als 1 Zeile oder 1 Seite beträgt.
mousedown: Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über das Element bewegt wird, an das der Listener angehängt ist.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise eine Maus) aus einem Element bewegt wird, an das der Listener angehängt ist.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über ein Element bewegt wird.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) aus dem Element bewegt wird, an das der Listener angehängt ist, oder aus einem seiner Kinder.
mouseover: Wird ausgelöst, wenn ein Zeigegerät über das Element bewegt wird, an das der Listener angehängt ist, oder über eines seiner Kinder.
mouseup: Wird ausgelöst, wenn eine Taste eines Zeigegeräts auf einem Element losgelassen wird.
mousewheel Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.
MozMousePixelScroll Veraltet Nicht standardisiert: Wird ausgelöst, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird.
webkitmouseforcechanged Nicht standardisiert: Wird jedes Mal ausgelöst, wenn sich der Druck auf dem Trackpad- oder Touchscreen ändert.
webkitmouseforcedown Nicht standardisiert: Wird nach dem mousedown-Ereignis ausgelöst, sobald ausreichend 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 das "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 Treffergrenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger aus den Treffergrenzen eines Elements bewegt wird.
pointermove: Wird ausgelöst, wenn ein Zeiger seine Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Treffergrenzen eines Elements bewegt wird (unter anderem aus verschiedenen Gründen).
pointerover: Wird ausgelöst, wenn ein Zeiger in die Treffergrenzen eines Elements bewegt wird.
pointerrawupdate Experimentell: Wird ausgelöst, wenn ein Zeiger irgendwelche Eigenschaften ändert, die keine pointerdown- oder pointerup-Ereignisse auslösen.
pointerup: Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Scrollerereignisse

scroll: Wird ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn das Dokument das Scrollen abgeschlossen hat.
scrollsnapchange Experimentell: Wird auf dem Scroll-Container am Ende eines Scroll-Vorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging Experimentell: Wird auf dem Scroll-Container ausgelöst, wenn der Browser bestimmt, dass ein neues Scroll-Snap-Ziel in Bearbeitung ist, d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet.

Berührungsevents

gesturechange Nicht standardisiert: Wird ausgelöst, wenn sich bei einer Berührungsbewegung die Finger bewegen.
gestureend Nicht standardisiert: Wird ausgelöst, wenn keine weiteren Finger mehr die Berührungsoberfläche berühren und die Bewegung damit endet.
gesturestart Nicht standardisiert: Wird ausgelöst, wenn mehrere Finger die Berührungsoberfläche berühren, wodurch eine neue Geste beginnt.
touchcancel: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf einem spezifischen Weg 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 auf der Berührungsoberfläche bewegt werden.
touchstart: Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf die Berührungsoberfläche gesetzt werden.

Übergangsereignisse

transitioncancel: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wurde.
transitionend: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang normal beendet wurde.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn es zu einer Reihe von laufenden Übergängen hinzugefügt wird), jedoch nicht unbedingt gestartet wird.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang zu überbrücken beginnt.

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