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.

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. Ebenso ist das SVGElement-Interface die Basis für alle SVG-Elemente und das MathMLElement-Interface das Basisinterface für MathML-Elemente. Die meisten Funktionalitäten werden weiter unten in der Klassenhierarchie spezifiziert.

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

EventTarget Node Element

Instanz-Eigenschaften

Element erbt Eigenschaften von seinem Elterninterface Node und damit auch von dessen Elterninterface EventTarget.

Element.assignedSlot Nur lesbar

Gibt ein HTMLSlotElement zurück, das den <slot> darstellt, in den der Knoten eingefügt ist.

Element.attributes Nur lesbar

Gibt ein NamedNodeMap-Objekt zurück, das die zugewiesenen Attribute des entsprechenden HTML-Elements enthält.

Element.childElementCount Nur lesbar

Gibt die Anzahl der Kindelemente dieses Elements zurück.

Element.children Nur lesbar

Gibt die Kindelemente dieses Elements zurück.

Element.classList Nur lesbar

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 Nur lesbar

Gibt eine Zahl zurück, die die innere Höhe des Elements darstellt.

Element.clientLeft Nur lesbar

Gibt eine Zahl zurück, die die Breite des linken Rahmens des Elements darstellt.

Element.clientTop Nur lesbar

Gibt eine Zahl zurück, die die Breite des oberen Rahmens des Elements darstellt.

Element.clientWidth Nur lesbar

Gibt eine Zahl zurück, die die innere Breite des Elements darstellt.

Element.currentCSSZoom Nur lesbar

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 Nur lesbar

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 Nur lesbar

Gibt das letzte Kindelement dieses Elements zurück.

Element.localName Nur lesbar

Ein String, der den lokalen Teil des qualifizierten Namens des Elements repräsentiert.

Element.namespaceURI Nur lesbar

Der Namespace-URI des Elements oder null, wenn es keinen Namespace hat.

Hinweis: In Firefox 3.5 und früher sind HTML-Elemente in keinem Namespace. In späteren Versionen sind HTML-Elemente im http://www.w3.org/1999/xhtml-Namespace in sowohl HTML- als auch XML-Bäumen.

Element.nextElementSibling Nur lesbar

Ein Element, das Element, das unmittelbar dem angegebenen im Baum folgt, oder null, wenn kein Geschwisterknoten vorhanden ist.

Element.outerHTML

Ein String, der das Markup des Elements einschließlich seines Inhalts darstellt. Wenn es als Setter verwendet wird, wird das Element durch Knoten ersetzt, die aus dem angegebenen String geparst wurden.

Element.part

Repräsentiert die Part-Identifier des Elements (d. h. mit dem part-Attribut festgelegt), zurückgegeben als eine DOMTokenList.

Element.prefix Nur lesbar

Ein String, der das Namensraumpräfix des Elements repräsentiert, oder null, wenn kein Präfix angegeben ist.

Element.previousElementSibling Nur lesbar

Ein Element, das Element, das unmittelbar dem angegebenen im Baum vorausgeht, oder null, wenn kein Geschwisterelement vorhanden ist.

Element.scrollHeight Nur lesbar

Gibt eine Zahl zurück, die die Scroll-Ansichtshöhe eines Elements darstellt.

Element.scrollLeft

Eine Zahl, die den linken Scroll-Offset des Elements darstellt.

Element.scrollLeftMax Nicht standardisiert Nur lesbar

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

Element.scrollTopMax Nicht standardisiert Nur lesbar

Gibt eine Zahl zurück, die den maximal möglichen oberen Scroll-Offset für das Element darstellt.

Element.scrollWidth Nur lesbar

Gibt eine Zahl zurück, die die Scroll-Ansichtbreite des Elements darstellt.

Element.shadowRoot Nur lesbar

Gibt den offenen Shadow-Root zurück, der vom Element gehostet wird, oder null, wenn kein offener Shadow-Root vorhanden ist.

Element.slot

Gibt den Namen des Shadow DOM-Slots zurück, in den das Element eingefügt ist.

Element.tagName Nur lesbar

Gibt einen String mit dem Namen des Tags für das gegebene Element zurück.

Instanz-Eigenschaften, die aus ARIA enthalten sind

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

Element.ariaAtomic

Ein String, der das aria-atomic-Attribut widerspiegelt, das angibt, ob assistive Technologien alle oder nur Teile der geänderten Region präsentieren, basierend auf den Änderungsbenachrichtigungen, die durch das aria-relevant-Attribut definiert sind.

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 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 Rollbezeichnung des Elements definiert.

Element.ariaBusy

Ein String, der das aria-busy-Attribut widerspiegelt, das angibt, ob ein Element modifiziert wird, da assistive Technologien möglicherweise warten möchten, bis die Modifikationen abgeschlossen sind, bevor sie dem Benutzer präsentiert 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 geprüften Zustand 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 einen lesbaren Text als Alternative zu aria-colindex definiert.

Element.ariaColSpan

Ein String, der das aria-colspan-Attribut widerspiegelt, das die Anzahl der Spalten angibt, die von einer Zelle oder Rasterzelle in einer Tabelle oder einem Raster überspannt werden.

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 repräsentiert.

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, das angibt, dass das Element wahrnehmbar, aber deaktiviert ist und daher nicht editierbar oder anderweitig operabel ist.

Element.ariaExpanded

Ein String, der das aria-expanded-Attribut widerspiegelt, das angibt, ob ein Gruppierungselement, das diesem Element gehört oder von ihm kontrolliert wird, erweitert oder eingeklappt ist.

Element.ariaHasPopup

Ein String, der das aria-haspopup-Attribut widerspiegelt, das die Verfügbarkeit und die Art des interaktiven Pop-up-Elements, wie Menü oder Dialogfeld, angibt, das durch ein Element ausgelöst werden kann.

Element.ariaHidden

Ein String, der das aria-hidden-Attribut widerspiegelt, das angibt, ob das Element für eine Zugänglichkeits-API sichtbar ist.

Element.ariaKeyShortcuts

Ein String, der das aria-keyshortcuts-Attribut widerspiegelt, das Tastaturkürzel 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 Stringwert definiert, der das aktuelle Element beschriftet.

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, welche Arten von Aktualisierungen die Benutzeragenten, assistive Technologien und Benutzer von der Live-Region erwarten können.

Element.ariaModal

Ein String, der das aria-modal-Attribut widerspiegelt, das anzeigt, 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 einzige 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 wählen kann.

Element.ariaOrientation

Ein String, der das aria-orientation-Attribut widerspiegelt, das angibt, ob die Ausrichtung 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 helfen soll, wenn das Kontrollfeld keinen Wert hat.

Element.ariaPosInSet

Ein String, der das aria-posinset-Attribut widerspiegelt, das die Position oder Nummer eines Elements in der aktuellen Gruppe von Listenelementen oder Baumelementen definiert.

Element.ariaPressed

Ein String, der das aria-pressed-Attribut widerspiegelt, das den aktuellen "gedrückten" Zustand von Umschaltknöpfen angibt.

Element.ariaReadOnly

Ein String, der das aria-readonly-Attribut widerspiegelt, das angibt, dass das Element nicht editierbar ist, aber ansonsten bedienbar.

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 in 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, das angibt, dass eine Benutzereingabe im Element erforderlich ist, bevor ein Formular abgeschickt 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 Gesamtanzahl der Zeilen in einer Tabelle, einem Raster oder einem Baumraster definiert.

Element.ariaRowIndex

Ein String, der das aria-rowindex-Attribut widerspiegelt, das die Zeilenindex oder 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 lesbare Textalternative zu aria-rowindex definiert.

Element.ariaRowSpan

Ein String, der das aria-rowspan-Attribut widerspiegelt, das die Anzahl der Zeilen angibt, die von einer Zelle oder Rasterzelle in einer Tabelle, einem Raster oder einem Baumraster überspannt werden.

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

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, dass den aktuellen Wert für ein Bereichs-Widget definiert.

Element.ariaValueText

Ein String, der das aria-valuetext-Attribut widerspiegelt, das die menschenlesbare Textalternative zu aria-valueNow für ein Bereichs-Widget definiert.

Instanz-Methoden

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

Element.after()

Fügt eine Menge von Node-Objekten oder Zeichenfolgen in die Liste der Kinder des Elternteils des Elements ein, direkt nach dem Element.

Element.animate()

Eine Abkürzungsmethode, um eine Animation auf einem Element zu erstellen und auszuführen. Gibt das erstellte Animation-Objekt-Instanz zurück.

Element.append()

Fügt eine Menge von Node-Objekten oder Zeichenfolgen 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 Zeichenfolgen in die Liste der Kinder des Elternelements ein, direkt 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, das der nächste Vorgänger des aktuellen Elements (oder das aktuelle Element selbst) ist, das den in 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 der Attributnamen des aktuellen Elements zurück.

Element.getAttributeNode()

Ruft die Knoten-Darstellung des benannten Attributs vom aktuellen Knoten ab und gibt sie als Attr.

Element.getAttributeNodeNS()

Ruft die Knoten-Darstellung 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 dessen Position relativ zum Viewport zurück.

Element.getBoxQuads() Experimentell

Gibt eine Liste von DOMQuad-Objekten zurück, die die CSS-Fragmente des Knotens repräsentieren.

Element.getClientRects()

Gibt eine Sammlung von Rechtecken zurück, die die Begrenzungsrechtecke für jede Textzeile in einem Client anzeigen.

Element.getElementsByClassName()

Gibt eine aktive HTMLCollection zurück, die alle Nachkommen des aktuellen Elements enthält, die die im Parameter angegebene Liste von Klassen besitzen.

Element.getElementsByTagName()

Gibt eine aktive HTMLCollection zurück, die alle Nachkommen-Elemente eines bestimmten Tag-Namens vom aktuellen Element enthält.

Element.getElementsByTagNameNS()

Gibt eine aktive 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 des Shadow-DOMs.

Element.hasAttribute()

Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut besitzt oder nicht.

Element.hasAttributeNS()

Gibt einen booleschen Wert zurück, der angibt, ob das Element das angegebene Attribut im spezifizierten Namespace besitzt oder nicht.

Element.hasAttributes()

Gibt einen booleschen Wert zurück, der angibt, ob das Element ein oder mehrere HTML-Attribute besitzt.

Element.hasPointerCapture()

Gibt an, ob das Element, auf dem es aufgerufen wird, Zeigererfassung für den durch die gegebene Zeiger-ID identifizierten Zeiger hat.

Element.insertAdjacentElement()

Fügt einen gegebenes Knoten-Element an einer angegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.

Element.insertAdjacentHTML()

Parst den Text als HTML oder XML und fügt die resultierenden Knoten in der angegebenen Position in den Baum ein.

Element.insertAdjacentText()

Fügt einen gegebenen Textknoten an einer angegebenen Position relativ zu dem Element ein, auf dem es aufgerufen wird.

Element.matches()

Gibt einen booleschen Wert zurück, der angibt, ob das Element von dem angegebenen Selektor-String ausgewählt würde.

Element.prepend()

Fügt eine Gruppe von Node-Objekten oder Zeichenfolgen vor dem ersten Kind des Elements ein.

Element.querySelector()

Gibt den ersten Node zurück, welcher relativ zum Element mit dem angegebenen Selektor-String übereinstimmt.

Element.querySelectorAll()

Gibt eine NodeList von Knoten zurück, welche relativ zum Element mit dem angegebenen Selektor-String übereinstimmen.

Element.releasePointerCapture()

Gibt die Zeigererfassung frei (stoppt sie), 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 Knotendarstellung 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 Zeichenfolgen.

Element.requestFullscreen()

Fragt den Browser asynchron, das Element im Vollbildmodus anzuzeigen.

Element.requestPointerLock()

Ermöglicht, asynchron zu fragen, ob der Zeiger auf einem angegebenen Element gesperrt werden kann.

Element.scroll()

Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.

Element.scrollBy()

Scrollt ein Element um einen 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 die standardisierte Methode Element.scrollIntoView().

Element.scrollTo()

Scrollt zu einem bestimmten Satz von Koordinaten innerhalb eines gegebenen Elements.

Element.setAttribute()

Setzt den Wert eines benannten Attributs des aktuellen Knotens.

Element.setAttributeNode()

Setzt die Knotendarstellung des benannten Attributs vom aktuellen Knoten.

Element.setAttributeNodeNS()

Setzt die Knotendarstellung des Attributs mit dem spezifizierten Namen und Namespace vom aktuellen Knoten.

Element.setAttributeNS()

Setzt den Wert des Attributs mit dem spezifizierten Namen und Namespace vom aktuellen Knoten.

Element.setCapture() Nicht standardisiert Veraltet

Richten Sie die Erfassung von Mausereignissen ein, um alle Mausereignisse auf dieses Element umzuleiten.

Element.setHTMLUnsafe()

Parst eine HTML-Zeichenkette in ein Dokumentfragment, ohne es zu sanieren, das dann den ursprünglichen Teilbaum des Elements im DOM ersetzt. Die HTML-Zeichenkette kann deklarative Shadow-Roots enthalten, die beim Setzen mit Element.innerHTML als Template-Elemente geparst werden.

Element.setPointerCapture()

Bestimmt ein bestimmtes Element als Ziel der Erfassung zukünftiger Zeigerereignisse.

Element.toggleAttribute()

Wechselt ein boolesches Attribut, indem es entfernt wird, wenn es vorhanden ist und hinzugefügt wird, wenn es nicht vorhanden ist, auf dem angegebenen Element.

Ereignisse

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

afterscriptexecute Nicht standardisiert

Wird ausgelöst, wenn ein Skript ausgeführt wurde.

beforeinput

Wird ausgelöst, wenn der Wert eines Eingabeelements kurz vor der Änderung steht.

beforematch Experimentell

Wird bei einem Element ausgelöst, das im Zustand versteckt bis gefunden ist, wenn der Browser kurz davor ist, seinen Inhalt zu enthüllen, weil der Nutzer den Inhalt durch die "Seite durchsuchen"-Funktion oder durch Fragmentnavigation gefunden hat.

beforescriptexecute Nicht standardisiert

Wird ausgelöst, bevor ein Skript ausgeführt wird.

beforexrselect Experimentell

Wird vor den WebXR-Auswahlereignissen (select, selectstart, selectend) gesendet.

contentvisibilityautostatechange

Wird auf jedem Element mit content-visibility: auto gesetzt, wenn es beginnt oder aufhört, für den Benutzer relevant zu sein und seinen Inhalt zu überspringen.

securitypolicyviolation

Wird ausgelöst, wenn eine Content Security Policy verletzt wird.

wheel

Wird ausgelöst, wenn der Benutzer ein Rad an einem Zeigegerät (typischerweise eine Maus) dreht.

Animationsereignisse

animationcancel

Wird ausgelöst, wenn eine Animation unerwartet abbricht.

animationend

Wird ausgelöst, wenn eine Animation normal abgeschlossen ist.

animationiteration

Wird ausgelöst, wenn eine Animationsiteration abgeschlossen ist.

animationstart

Wird ausgelöst, wenn eine Animation beginnt.

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 Ausschneiden-Aktion ü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 Input-Method-Editor die aktuelle Kompositionssitzung abschließt oder abbricht.

compositionstart

Wird ausgelöst, wenn ein Textkompositionssystem wie ein Input-Method-Editor eine neue Kompositionssitzung startet.

compositionupdate

Wird ausgelöst, wenn ein neues Zeichen im Kontext einer von einem Textkompositionssystem wie einem Input-Method-Editor gesteuerten Textkompositionssitzung empfangen wird.

Fokuserereignisse

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.

Vollbildmodus-Ereignisse

fullscreenchange

Wird an ein Element gesendet, wenn es in den oder aus dem Vollbildmodus übergeht.

fullscreenerror

Wird an ein Element gesendet, wenn ein Fehler beim Versuch, es in den oder aus dem Vollbildmodus zu wechseln, auftritt.

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 Taste eines Zeigegerätes (z. B. jede Maustaste außer der linken Taste) auf einem Element gedrückt und losgelassen wird.

click

Wird ausgelöst, wenn eine Taste eines Zeigegerätes (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 Taste eines Zeigegerätes (z. B. die primäre Taste einer Maus) zweimal auf einem einzelnen Element geklickt wird.

DOMActivate Veraltet

Tritt auf, wenn ein Element aktiviert wird, beispielsweise durch einen Mausklick oder das Drücken einer Taste.

DOMMouseScroll Veraltet Nicht standardisiert

Tritt auf, wenn das Mausrad oder ein ähnliches Gerät betätigt wird und der angesammelte Bildlaufwert über einer Linie oder einer Seite seit dem letzten Ereignis liegt.

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

mouseleave

Wird ausgelöst, wenn der Zeiger eines Zeigegeräts (normalerweise einer Maus) aus einem Element bewegt wird, an das der Listener gebunden 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 einem Element bewegt wird, an das der Listener gebunden ist, oder von einem seiner Kinder.

mouseover

Wird ausgelöst, wenn ein Zeigegerät auf das Element bewegt wird, an das der Listener gebunden ist, oder auf eines seiner Kinder.

mouseup

Wird ausgelöst, wenn eine Taste eines Zeigegerätes 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 einem Trackpad oder Touchscreen ändert.

webkitmouseforcedown Nicht standardisiert

Wird nach dem mousedown-Ereignis ausgelöst, sobald ausreichend Druck ausgeübt wurde, um als "Force-Klick" zu gelten.

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 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 bewegt 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 bewegt wird (unter anderem Gründen).

pointerover

Wird ausgelöst, wenn ein Zeiger in die Hit-Test-Grenzen eines Elements bewegt wird.

pointerrawupdate Experimentell

Wird ausgelöst, wenn ein Zeiger irgendwelche Eigenschaften ändert, die keine pointerdown- oderpointerup-Ereignisse auslösen.

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

Fires when the document view has completed scrolling.

scrollsnapchange Experimentell

Wird auf dem Scroll-Container am Ende einer Scroll-Operation ausgelöst, wenn ein neues Scroll-Snap-Ziel ausgewählt wurde.

scrollsnapchanging Experimentell

Wird auf dem Scroll-Container ausgelöst, wenn der Browser ein neues Scroll-Snap-Ziel ermittelt, das ausstehend ist, 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 keine Finger mehr die Berührungsfläche kontaktieren und daher die Geste beendet wird.

gesturestart Nicht standardisiert

Wird ausgelöst, wenn mehrere Finger die Berührungsfläche kontaktieren und dadurch eine neue Geste gestartet wird.

touchcancel

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf eine implementierungsspezifische Weise unterbrochen werden (z. B. werden zu viele Berührungspunkte erstellt).

touchend

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte von der Berührungsfläche entfernt werden.

touchmove

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte entlang der Berührungsfläche bewegt werden.

touchstart

Wird ausgelöst, wenn ein oder mehrere Berührungspunkte auf der Berührungsfläche platziert werden.

Übergangsereignisse

transitioncancel

Ein Ereignis, das ausgelöst wird, wenn ein CSS-Übergang abgebrochen wird.

transitionend

Ein Ereignis, das ausgelöst wird, wenn ein CSS-Übergang die Wiedergabe beendet hat.

transitionrun

Ein Ereignis, das ausgelöst wird, wenn ein CSS-Übergang erstellt wird (d. h. wenn er zu einem Satz laufender Übergänge hinzugefügt wird), aber nicht unbedingt gestartet wird.

transitionstart

Ein Ereignis, das ausgelöst wird, wenn ein CSS-Übergang zu Übergängen begonnen hat.

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser