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
.
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 derPerformanceElementTiming
-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, odernull
, 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 eineDOMTokenList
. 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, odernull
, 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 dasaria-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. -
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 eineraria-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 zuaria-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 demElement
. 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 demElement
. 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 zuCSSStyleDeclaration
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
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
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.
-
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
Browser-Kompatibilität
BCD tables only load in the browser