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 Elementobjekte (z.B. Objekte, die Elemente darstellen) in einem Dokument erben. Sie verfügt nur über Methoden und Eigenschaften, die für alle Arten von Elementen gemeinsam sind. Spezifischere Klassen erben von Element.

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

Sprachen außerhalb des Bereichs der Webplattform, wie XUL durch das XULElement-Interface, implementieren ebenfalls Element.

Instanz-Eigenschaften

Element erbt Eigenschaften von seinem Elterninterface Node und dadurch von dessen Elterninterface EventTarget.

Element.assignedSlot Schreibgeschützt: Gibt ein HTMLSlotElement zurück, das den <slot> darstellt, in den 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 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 anzeigt, oder 1.0, falls das Element nicht gerendert wird.
Element.elementTiming Experimentell: Ein String, der das elementtiming-Attribut widerspiegelt, das ein Element zur Beobachtung mit 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 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 repräsentiert.
Element.namespaceURI Schreibgeschützt: Der Namensraum-URI des Elements oder null, falls kein Namensraum vorhanden ist.
Element.nextElementSibling Schreibgeschützt: Ein Element, das Element, das unmittelbar auf das gegebene im Baum folgt, oder null, falls kein Geschwisterknoten vorhanden ist.
Element.outerHTML: Ein String, der das Markup des Elements einschließlich seines Inhalts darstellt. Wenn es als Setter verwendet wird, ersetzt es das Element durch Knoten, die aus dem angegebenen String analysiert werden.
Element.part: Repräsentiert die Part-Identifikatoren des Elements (d.h. gesetzt mit dem part-Attribut), zurückgegeben als eine DOMTokenList.
Element.prefix Schreibgeschützt: Ein String, der das Namensraumpräfix des Elements repräsentiert oder null, wenn kein Präfix angegeben ist.
Element.previousElementSibling Schreibgeschützt: Ein Element, das Element, das unmittelbar vor dem gegebenen im Baum ist, oder null, falls kein Geschwisterelement vorhanden ist.
Element.scrollHeight Schreibgeschützt: Gibt eine Zahl zurück, die die Scroll-Ansichtshöhe eines Elements repräsentiert.
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 darstellt, der für das Element möglich ist.
Element.scrollTop: Eine Zahl, die die Anzahl der Pixel darstellt, um die die Oberseite des Elements vertikal gescrollt wird.
Element.scrollTopMax Nicht standardisiert Schreibgeschützt: Gibt eine Zahl zurück, die den maximalen oberen Scrollversatz darstellt, der für das Element möglich ist.
Element.scrollWidth Schreibgeschützt: Gibt eine Zahl zurück, die die Scroll-Ansichtsbreite 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 ist.
Element.tagName Schreibgeschützt: Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.

Instanz-Eigenschaften aus ARIA

Das Element-Interface enthält auch die folgenden Eigenschaften.

Element.ariaAtomic: Ein String, der das aria-atomic-Attribut widerspiegelt, das angibt, ob unterstützende Technologien den gesamten oder nur Teile des geänderten Bereichs basierend auf den Änderungsbenachrichtigungen des aria-relevant-Attributs präsentieren.
Element.ariaAutoComplete: Ein String, der das aria-autocomplete-Attribut widerspiegelt, das angibt, ob die Eingabe von Text die Anzeige von einer oder mehreren Vorhersagen des beabsichtigten Werts eines Benutzer in einer Kombinationsbox, Suchbox oder Textbox auslösen und wie diese Vorhersagen, falls vorhanden, präsentiert würden.
Element.ariaBrailleLabel: Ein String, der das aria-braillelabel-Attribut widerspiegelt, das die Braille-Beschriftung des Elements definiert.
Element.ariaBrailleRoleDescription: Ein String, der das aria-brailleroledescription-Attribut widerspiegelt, das die Braille-Rollenbeschreibung des Elements in ARIA definiert.
Element.ariaBusy: Ein String, der das aria-busy-Attribut widerspiegelt, das angibt, ob ein Element geändert wird, da assistive Technologien möglicherweise darauf warten, bis die Änderungen abgeschlossen sind, bevor sie dem Benutzer angezeigt werden.
Element.ariaChecked: Ein String, der das aria-checked-Attribut widerspiegelt, das den aktuellen "geprüften" Zustand von Kontrollkästchen, Optionsfeldern und anderen Widgets angibt, die einen Prüfzustand haben.
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 in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaColIndexText: Ein String, der das aria-colindextext-Attribut widerspiegelt, das eine menschenlesbare Textalternative zu aria-colindex definiert.
Element.ariaColSpan: Ein String, der das aria-colspan-Attribut widerspiegelt, das die Anzahl der von einer Zelle oder Gitterzelle in einer Tabelle, einem Raster oder einem Baumraster überspannten Spalten definiert.
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 annotiert.
Element.ariaDisabled: Ein String, der das aria-disabled-Attribut widerspiegelt, das angibt, dass das Element wahrnehmbar, aber deaktiviert ist, sodass es nicht editierbar oder anderweitig bedienbar ist.
Element.ariaExpanded: Ein String, der das aria-expanded-Attribut widerspiegelt, das angibt, ob ein von diesem Element besessenes oder gesteuertes Gruppierungselement erweitert oder eingeklappt ist.
Element.ariaHasPopup: Ein String, der das aria-haspopup-Attribut widerspiegelt, das die Verfügbarkeit und den Typ eines interaktiven Popup-Elements, wie Menü oder Dialog, angibt, das von einem Element ausgelöst werden kann.
Element.ariaHidden: Ein String, der das aria-hidden-Attribut widerspiegelt, das angibt, ob das Element zu einer Zugänglichkeits-API ausgesetzt ist.
Element.ariaKeyShortcuts: Ein String, der das aria-keyshortcuts-Attribut widerspiegelt, das Tastenkombinationen angibt, die ein Autor implementiert hat, um ein Element zu aktivieren oder ihm Fokus zu geben.
Element.ariaLabel: Ein String, der das aria-label-Attribut widerspiegelt, das einen String-Wert definiert, der das aktuelle Element kennzeichnet.
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 die Arten von Updates beschreibt, die Benutzeragenten, unterstützende Technologien und Benutzer vom Live-Bereich erwarten können.
Element.ariaModal: Ein String, der das aria-modal-Attribut widerspiegelt, das angibt, ob ein Element modal ist, wenn es angezeigt wird.
Element.ariaMultiline: Ein String, der das aria-multiline-Attribut widerspiegelt, das angibt, ob ein Textfeld mehrere Zeilen der Eingabe akzeptiert oder nur eine einzelne Zeile.
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 hilft, wenn das Steuerelement keinen Wert hat.
Element.ariaPosInSet: Ein String, der das aria-posinset-Attribut widerspiegelt, das die Nummer oder Position eines Elements in der aktuellen Menge von Listeneinträgen oder Baumeinträgen 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 editierbar ist, aber ansonsten bedienbar bleibt.
Element.ariaRelevant Nicht standardisiert: Ein String, der das aria-relevant-Attribut widerspiegelt, das angibt, welche Benachrichtigungen der Benutzeragent auslösen wird, wenn der Barrierefreiheitsbaum in einem Live-Bereich modifiziert wird. Dies wird verwendet, um zu beschreiben, welche Änderungen in einem aria-live-Bereich relevant sind und angekündigt werden sollten.
Element.ariaRequired: Ein String, der das aria-required-Attribut widerspiegelt, das angibt, dass Benutzereingaben auf dem Element erforderlich sind, bevor ein Formular übermittelt werden kann.
Element.ariaRoleDescription: Ein String, der das aria-roledescription-Attribut widerspiegelt, das eine menschenlesbare, vom Autor lokalisierte Beschreibung für die Rolle eines Elements definiert.
Element.ariaRowCount: Ein String, der das aria-rowcount-Attribut widerspiegelt, das die Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder einem 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 Zeilen in einer Tabelle, einem Raster oder einem Baumraster definiert.
Element.ariaRowIndexText: Ein String, der das aria-rowindextext-Attribut widerspiegelt, das eine menschenlesbare Textalternative zu aria-rowindex definiert.
Element.ariaRowSpan: Ein String, der das aria-rowspan-Attribut widerspiegelt, das die Anzahl der von einer Zelle oder Gitterzelle in einer Tabelle, einem Raster oder einem Baumraster überspannten Zeilen definiert.
Element.ariaSelected: Ein String, der das aria-selected-Attribut widerspiegelt, das den aktuellen "ausgewählten" Zustand von Elementen angibt, die einen ausgewählten Zustand haben.
Element.ariaSetSize: Ein String, der das aria-setsize-Attribut widerspiegelt, das die Anzahl der Elemente in der aktuellen Menge von Listeneinträgen oder Baumeinträgen 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 zulässigen Wert für ein Bereichs-Widget definiert.
Element.ariaValueMin: Ein String, der das aria-valueMin-Attribut widerspiegelt, das den minimal zulässigen 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 angibt.

Instanz-Methoden

Element erbt Methoden von seinen Eltern Node und dessen Eltern, EventTarget.

Element.after(): Fügt eine Menge von Node-Objekten oder Strings in die Kinderliste des Elternteils des Element ein, unmittelbar 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 Menge von Node-Objekten oder Strings nach dem letzten Kind des Elements ein.
Element.attachShadow(): Hängt einen Shadow-DOM-Baum an das spezifizierte Element an und gibt eine Referenz auf dessen ShadowRoot zurück.
Element.before(): Fügt eine Menge von Node-Objekten oder Strings in die Kinderliste des Elternteils des Element ein, unmittelbar vor dem Element.
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, welches der nächste Vorfahre des aktuellen Elements (oder das aktuelle Element selbst) ist, das den im Parameter angegebenen Selektoren entspricht.
Element.computedStyleMap(): Gibt eine StylePropertyMapReadOnly-Schnittstelle zurück, die eine schreibgeschützte Darstellung eines CSS-Deklarationsblocks bietet, die eine Alternative zur CSSStyleDeclaration ist.
Element.getAnimations(): Gibt ein Array von aktuell aktiven Animationsobjekten auf dem Element zurück.
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 Namensraum vom aktuellen Knoten ab und gibt sie als Attr zurück.
Element.getAttributeNS(): Ruft den Wert des Attributs mit dem angegebenen Namensraum 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 Ansichtsfenster 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, die die im Parameter angegebene Klassenliste aufweisen.
Element.getElementsByTagName(): Gibt eine Live-HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tags vom aktuellen Element enthält.
Element.getElementsByTagNameNS(): Gibt eine Live-HTMLCollection zurück, die alle Nachkommenelemente eines bestimmten Tags und Namensraums vom aktuellen Element enthält.
Element.getHTML(): Gibt den DOM-Inhalt des Elements als HTML-String zurück, optional einschließlich des 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 Namensraum hat oder nicht.
Element.hasAttributes(): Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere HTML-Attribute hat.
Element.hasPointerCapture(): Gibt an, ob das aufgerufene Element Pointer-Capture 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(): Analysiert den Text als HTML oder XML und fügt die resultierenden Knoten in die gegebene Position im Baum 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 den angegebenen Selektor-String ausgewählt würde oder nicht.
Element.prepend(): Fügt eine Menge von Node-Objekten oder Strings vor dem ersten Kind des Elements ein.
Element.querySelector(): Gibt den ersten Node zurück, der dem angegebenen Selektor-String relativ zu dem Element entspricht.
Element.querySelectorAll(): Gibt eine NodeList von Knoten zurück, die dem angegebenen Selektor-String relativ zu dem Element entsprechen.
Element.releasePointerCapture(): Gibt die (verwendete) Pointer-Capture, die zuvor für ein spezielles PointerEvent festgelegt wurde, 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 Namensraum vom aktuellen Knoten.
Element.replaceChildren(): Ersetzt die vorhandenen Kinder eines Node durch einen angegebenen neuen Satz von Kindern.
Element.replaceWith(): Ersetzt das Element in der Kinderliste seines Elternteils durch eine Menge von Node-Objekten oder Strings.
Element.requestFullscreen(): Fragt den Browser asynchron an, um das Element im Vollbildmodus anzuzeigen.
Element.requestPointerLock(): Ermöglicht es, asynchron um die Sperrung des Zeigers auf das gegebene Element zu bitten.
Element.scroll(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.
Element.scrollBy(): Scrollt ein Element um den angegebenen Betrag.
Element.scrollIntoView(): Scrollt die Seite, bis das Element in den Sichtbereich gelangt.
Element.scrollIntoViewIfNeeded() Nicht standardisiert: Scrollt das aktuelle Element in den sichtbaren Bereich des Browserfensters, wenn es sich nicht bereits im sichtbaren Bereich des Browserfensters befindet. Verwenden Sie stattdessen das standardisierte Element.scrollIntoView().
Element.scrollTo(): Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen 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 Namensraum des aktuellen Knotens fest.
Element.setAttributeNS(): Legt den Wert des Attributs mit dem angegebenen Namen und Namensraum des aktuellen Knotens fest.
Element.setCapture() Nicht standardisiert Veraltet: Richten Sie die Erfassung von Mausereignissen ein, indem alle Mausereignisse zu diesem Element umgeleitet werden.
Element.setHTMLUnsafe(): Analysiert einen HTML-String in ein Dokumentfragment, ohne Sanitization, welches dann den Original-Unterbaum des Elements im DOM ersetzt. Der HTML-String darf deklarative Shadow Roots enthalten, die als Template-Elemente analysiert würden, wenn HTML mit Element.innerHTML gesetzt würde.
Element.setPointerCapture(): Designiert ein spezifisches Element als das Ziel der Erfassung zukünftiger Zeigerereignisse.
Element.toggleAttribute(): Schaltet ein boolesches Attribut um, indem es entfernt wird, wenn es vorhanden ist, und hinzugefügt wird, wenn nicht, am spezifizierten Element.

Ereignisse

Hören Sie diese Ereignisse mit addEventListener() oder indem Sie einen Ereignis-Listener der 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 geändert werden soll.
beforematch Experimentell: Wird auf einem Element ausgelöst, das sich im hidden until found-Zustand befindet, wenn der Browser dabei ist, seinen Inhalt zu enthüllen, weil der Benutzer den Inhalt durch die "Seite durchsuchen"-Funktion oder durch Fragment-Navigation gefunden hat.
beforescriptexecute Nicht standardisiert Veraltet: Wird ausgelöst, wenn ein Skript kurz vor der Ausführung steht.
beforexrselect Experimentell: Wird vor WebXR-Auswahlereignissen (select, selectstart, selectend) ausgelöst.
contentvisibilityautostatechange: Wird auf jedem 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 der Wert eines Elements als direkte Benutzereingabe geändert wird.
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 normalerweise abgeschlossen wurde.
animationiteration: Wird ausgelöst, wenn eine Animationsiteration abgeschlossen wurde.
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.

Kompositionsevents

compositionend: Wird ausgelöst, wenn ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor die aktuelle Zusammensetzungssitzung abschließt oder abbricht.
compositionstart: Wird ausgelöst, wenn ein Textzusammensetzungssystem wie ein Eingabemethoden-Editor eine neue Zusammensetzungssitzung startet.
compositionupdate: Wird ausgelöst, wenn ein neues Zeichen im Kontext einer von einem Textzusammensetzungssystem wie einem Eingabemethoden-Editor kontrollierten Textzusammensetzungssitzung empfangen 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.

Vollbildevents

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

Tastaturevents

keydown: Wird ausgelöst, wenn eine Taste gedrückt wird.
keypress Veraltet: Wird ausgelöst, wenn eine Taste, die einen Zeichenwert erzeugt, heruntergedrü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. jede Maustaste außer der linken Taste) auf ein Element gedrückt und losgelassen wird.
click: Wird ausgelöst, wenn eine Zeigegerätetaste (z.B. die primäre Taste einer Maus) auf ein einzelnes 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 Taste einer Maus) zweimal auf ein einzelnes Element geklickt wird.
DOMActivate Veraltet: Tritt ein, wenn ein Element aktiviert wird, z.B. durch einen Mausklick oder einen Tastendruck.
DOMMouseScroll Veraltet Nicht standardisiert: Tritt ein, wenn ein Mausrad oder ein ähnliches Gerät betätigt wird und die akkumulierte Bildlaufmenge seit dem letzten Ereignis über 1 Zeile oder 1 Seite liegt.
mousedown: Wird ausgelöst, wenn eine Zeigegerätetaste auf ein Element gedrückt wird.
mouseenter: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) über das Element bewegt wird, an dem der Listener angehängt ist.
mouseleave: Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise einer Maus) aus einem Element entfernt wird, an dem der Listener angehängt ist.
mousemove: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) bewegt wird, während es über einem Element ist.
mouseout: Wird ausgelöst, wenn ein Zeigegerät (normalerweise eine Maus) von dem Element wegbewegt wird, an dem der Listener angehängt ist, oder von einem seiner Kinder.
mouseover: Wird ausgelöst, wenn ein Zeigegerät auf das Element bewegt wird, an dem der Listener angehängt ist, oder auf eines seiner Kinder.
mouseup: Wird ausgelöst, wenn eine Zeigegerätetaste auf ein 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-Touchscreen ändert.
webkitmouseforcedown Nicht standardisiert: Wird nach dem Mousedown-Ereignis ausgelöst, sobald ausreichend Druck ausgeübt wurde, um als "Force-Klick" 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 reduziert wurde, um den "Force-Klick" 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 Treffpunktgrenzen eines Elements oder eines seiner Nachkommen bewegt wird.
pointerleave: Wird ausgelöst, wenn ein Zeiger aus den Treffpunktgrenzen eines Elements bewegt wird.
pointermove: Wird ausgelöst, wenn ein Zeiger seine Koordinaten ändert.
pointerout: Wird ausgelöst, wenn ein Zeiger aus den Treffpunktgrenzen eines Elements bewegt wird (unter anderem).
pointerover: Wird ausgelöst, wenn ein Zeiger in ein Element-Treffpunktgrenzen bewegt wird.
pointerrawupdate Experimentell: Wird ausgelöst, wenn ein Zeiger Eigenschaften ändert, die keine pointerdown oder pointerup-Ereignisse auslösen.
pointerup: Wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist.

Scroll-Ereignisse

scroll: Wird ausgelöst, wenn die Dokumentansicht oder ein Element gescrollt wurde.
scrollend: Wird ausgelöst, wenn das Scrollen der Dokumentansicht abgeschlossen ist.
scrollsnapchange Experimentell: Wird am Scrollcontainer am Ende eines Scrollvorgangs ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.
scrollsnapchanging Experimentell: Wird am Scrollcontainer ausgelöst, wenn der Browser feststellt, dass ein neues Scroll-Snap-Ziel aussteht, d.h. es wird ausgewählt, wenn die aktuelle Scroll-Geste endet.

Berührungsereignisse

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

Übergangsevents

transitioncancel: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wurde.
transitionend: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang abgeschlossen wurde.
transitionrun: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d.h. wenn er zu einer Gruppe von laufenden Übergängen hinzugefügt wird), aber nicht notwendigerweise gestartet.
transitionstart: Ein Event, das ausgelöst wird, wenn ein CSS-Übergang zu tranistieren 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