HTML DOM Ereignisse

HTML DOM Ereignisse

HTML DOM Ereignisse ermöglichen es JavaScript, verschiedene Ereignisbehandler in HTML-Dokumenten zu registrieren.

Ereignisse werden oft mit Funktionen kombiniert, die vor dem Ereignis nicht ausgeführt werden (z.B. wenn ein Benutzer auf einen Button klickt).

Für Tutorials zu Ereignissen lernen Sie unsere JavaScript Ereignis-Tutorial.

Ereignis Beschreibung gehört zu
abort Dieses Ereignis tritt auf, wenn das Medium nicht mehr geladen wird.
afterprint Dieses Ereignis tritt auf, wenn die Seite begonnen wird zu drucken oder wenn das Druckdialogfeld geschlossen wird. Event
animationend Dieses Ereignis tritt auf, wenn die CSS-Animation abgeschlossen ist. AnimationEvent
animationiteration Dieses Ereignis tritt auf, wenn die CSS-Animation wiederholt wird. AnimationEvent
animationstart Dieses Ereignis tritt auf, wenn die CSS-Animation beginnt. AnimationEvent
beforeprint Dieses Ereignis tritt auf, wenn die Seite gedruckt wird. Event
beforeunload Dieses Ereignis tritt auf, bevor die Dokumentseite geladen wird.
blur Dieses Ereignis tritt auf, wenn ein Element den Fokus verliert. FocusEvent
canplay Dieses Ereignis tritt auf, wenn der Browser mit dem Abspielen des Mediums beginnen kann. Event
canplaythrough Dieses Ereignis tritt auf, wenn der Browser das Medium ohne Unterbrechung des Puffers abspielen kann. Event
change Dieses Ereignis tritt auf, wenn der Inhalt, die Auswahl oder der Status eines form-Elements geändert wird. Event
click Dieses Ereignis tritt auf, wenn ein Benutzer auf ein Element klickt. MouseEvent
contextmenu Dieses Ereignis tritt auf, wenn ein Benutzer mit der rechten Maustaste auf ein Element klickt, um ein Kontextmenü zu öffnen. MouseEvent
copy Dieses Ereignis tritt auf, wenn ein Benutzer den Inhalt eines Elements kopiert. ClipboardEvent
cut Dieses Ereignis tritt auf, wenn ein Benutzer den Inhalt eines Elements ausschneidet. ClipboardEvent
dblclick Dieses Ereignis tritt auf, wenn ein Benutzer ein Element doppelklickt. MouseEvent
drag Dieses Ereignis tritt auf, wenn ein Element verschoben wird. DragEvent
dragend Wenn der Benutzer das Ziehen eines Elements beendet hat, tritt dieses Ereignis auf. DragEvent
dragenter Wenn das verschobene Element in das Zielselement hineinbewegt wird, tritt dieses Ereignis auf. DragEvent
dragleave Wenn das verschobene Element das Zielselement verlässt, tritt dieses Ereignis auf. DragEvent
dragover Wenn das verschobene Element über dem Zielselement liegt, tritt dieses Ereignis auf. DragEvent
dragstart Wenn der Benutzer mit dem Ziehen eines Elements beginnt, tritt dieses Ereignis auf. DragEvent
drop Wenn das verschobene Element auf das Zielselement gelegt wird, tritt dieses Ereignis auf. DragEvent
durationchange Wenn die Dauer des Mediums geändert wird, tritt dieses Ereignis auf. Event
ended Wenn das Medium am Ende abgespielt wird, tritt dieses Ereignis auf. Event
error Wenn nach dem Fehler beim Laden eines externen Datei ein Ereignis auftritt, tritt dieses Ereignis auf.
focus Wenn ein Element den Fokus erhält, tritt dieses Ereignis auf. FocusEvent
focusin Wenn ein Element kurz vor dem Erhalten des Fokus steht, tritt dieses Ereignis auf. FocusEvent
focusout Wenn ein Element kurz vor dem Verlieren des Fokus steht, tritt dieses Ereignis auf. FocusEvent
fullscreenchange Wenn ein Element im Vollbildmodus angezeigt wird, tritt dieses Ereignis auf. Event
fullscreenerror Wenn ein Element nicht im Vollbildmodus angezeigt werden kann, tritt dieses Ereignis auf. Event
hashchange Wenn der Anchor-Teil der URL geändert wird, tritt dieses Ereignis auf. HashChangeEvent
input Wenn ein Element Benutzereingaben erhält, tritt dieses Ereignis auf.
invalid Wenn ein Element ungültig ist, tritt dieses Ereignis auf. Event
keydown Wenn der Benutzer die Taste drückt, tritt dieses Ereignis auf. KeyboardEvent
keypress Wenn der Benutzer die Taste drückt, tritt dieses Ereignis auf. KeyboardEvent
keyup Wenn der Benutzer die Taste loslässt, tritt dieses Ereignis auf. KeyboardEvent
load Wenn das Objekt geladen wurde, tritt dieses Ereignis auf.
loadeddata Wenn Mediendaten geladen wurden, tritt dieses Ereignis auf. Event
loadedmetadata Wenn Meta-Daten (z.B. Größe und Dauer) geladen werden, tritt dieses Ereignis auf. Event
loadstart Wenn der Browser mit der Suche nach der angegebenen Mediendatei beginnt, tritt dieses Ereignis auf. ProgressEvent
message Wenn eine Nachricht über diesen Ereignisquellcode empfangen wird, tritt dieses Ereignis auf. Event
mousedown Wenn der Benutzer den Mausknopf auf einem Element drückt, tritt dieses Ereignis auf. MouseEvent
mouseenter Wenn der Zeiger auf ein Element bewegt wird, tritt dieses Ereignis auf. MouseEvent
mouseleave Wenn der Zeiger von einem Element weggebewegt wird, tritt dieses Ereignis auf. MouseEvent
mousemove Wenn der Zeiger über einem Element bewegt wird, tritt dieses Ereignis auf. MouseEvent
mouseout Wenn der Benutzer den Mauszeiger aus einem Element oder einem Unterlement des Elements herausbewegt, tritt dieses Ereignis auf. MouseEvent
mouseover Wenn der Zeiger auf ein Element oder ein Unterlement des Elements bewegt wird, tritt dieses Ereignis auf. MouseEvent
mouseup Wenn der Benutzer den Mausknopf auf einem Element loslässt, tritt dieses Ereignis auf. MouseEvent
mousewheel Nicht empfohlen.Bitte verwenden Sie dies wheel Ereignis. WheelEvent
offline Wenn der Browser beginnt, offline zu arbeiten, wird dieses Ereignis ausgelöst. Event
online Wenn der Browser beginnt, online zu arbeiten, wird dieses Ereignis ausgelöst. Event
open Wenn die Verbindung mit dem Ereignisquelle geöffnet wird, wird dieses Ereignis ausgelöst. Event
pagehide Wenn der Benutzer von einer bestimmten Webseite navigiert, um abzuweichen, wird dieses Ereignis ausgelöst. PageTransitionEvent
pageshow Wenn der Benutzer zu einer bestimmten Webseite navigiert, wird dieses Ereignis ausgelöst. PageTransitionEvent
paste Wenn der Benutzer einige Inhalte in ein Element einfügt, wird dieses Ereignis ausgelöst. ClipboardEvent
pause Wenn das Medium vom Benutzer oder programmiert pausiert wird, wird dieses Ereignis ausgelöst. Event
play Wenn das Medium gestartet oder nicht mehr pausiert wird, wird dieses Ereignis ausgelöst. Event
playing Wenn das Medium nach einer Pause oder einem Abbrechen des Pufferings wiedergegeben wird, wird dieses Ereignis ausgelöst. Event
popstate Wenn die Historie des Fensters geändert wird, wird dieses Ereignis ausgelöst. PopStateEvent
progress Wenn der Browser im Prozess der Datenabfrage von Mediendaten ist, wird dieses Ereignis ausgelöst. Event
ratechange Wenn die Wiedergabegeschwindigkeit des Mediums geändert wird, wird dieses Ereignis ausgelöst. Event
reset Wenn das Formular zurückgesetzt wird, wird dieses Ereignis ausgelöst. Event
resize Wenn die Größe der Dokumentansicht angepasst wird, wird dieses Ereignis ausgelöst.
scroll Wenn die Rollleiste des Scrollbereichs verschoben wird, wird dieses Ereignis ausgelöst.
search Wenn der Benutzer Inhalt im Suchfeld eingibt, wird dieses Ereignis ausgelöst. Event
seeked Wenn der Benutzer den neuen Ort im Medium erreicht hat, wird dieses Ereignis ausgelöst. Event
seeking Wenn der Benutzer beginnt, sich zu einem neuen Ort im Medium zu bewegen/springen, wird dieses Ereignis ausgelöst. Event
select Nachdem der Benutzer Text ausgewählt hat (für <input> und <textarea>), wird dieses Ereignis ausgelöst.
show Wenn das <menu>-Element als Kontextmenü angezeigt wird, wird dieses Ereignis ausgelöst. Event
stalled Wenn der Browser versucht, Mediendaten abzurufen, aber die Daten nicht verfügbar sind, wird dieses Ereignis ausgelöst. Event
storage Wenn das Web-Speicherbereich aktualisiert wird, wird dieses Ereignis ausgelöst. StorageEvent
submit Wenn das Formular eingereicht wird, wird dieses Ereignis ausgelöst. Event
suspend Wenn der Browser absichtlich keine Mediendaten abruft, wird dieses Ereignis ausgelöst. Event
timeupdate Wenn die Wiedergabeposition geändert wird, wird dieses Ereignis ausgelöst. Event
toggle Wenn der Benutzer das <details>-Element öffnet oder schließt, wird dieses Ereignis ausgelöst. Event
touchcancel Wenn die Berührung unterbrochen wird, wird dieses Ereignis ausgelöst. TouchEvent
touchend Wenn der Finger vom Berührungsbildschirm genommen wird, wird dieses Ereignis ausgelöst. TouchEvent
touchmove Wenn der Finger auf dem Bildschirm gezogen wird, wird dieses Ereignis ausgelöst. TouchEvent
touchstart Wenn der Finger auf dem Berührungsbildschirm liegt, wird dieses Ereignis ausgelöst. TouchEvent
transitionend Der Vorgang der CSS-Transformation ist abgeschlossen, wenn dieses Ereignis ausgelöst wird. TransitionEvent
unload Dieses Ereignis tritt nach dem Abwerten der Seite auf (für <body>).
volumechange Dieses Ereignis tritt ein, wenn die Lautstärke des Mediums geändert wird. Event
waiting Dieses Ereignis tritt ein, wenn das Medium pausiert, aber erwartet wird, dass es wieder fortgesetzt wird. Event
wheel Dieses Ereignis tritt ein, wenn die Mausradwiederholung im Element nach oben oder unten gerollt wird. WheelEvent

HTML DOM Ereignis Attribute und Methoden

Eigenschaft/Methode Beschreibung gehört zu
altKey Rückgabe, ob die Taste "ALT" gedrückt wurde, wenn das Mausereignis ausgelöst wird. MouseEvent
altKey Rückgabe, ob die Taste "ALT" gedrückt wurde, wenn das Tastenereignis ausgelöst wird.
animationName Rückgabe des Namens der Animation. AnimationEvent
bubbles Rückgabe, ob das Ereignis ein Blasenereignis ist. Event
button Gibt die Maustaste zurück, die beim Auslösen des Mausereignisses gedrückt war. MouseEvent
buttons Gibt die Maustaste zurück, die beim Auslösen des Mausereignisses gedrückt war. MouseEvent
cancelBubble Einstellen oder Rückgabe, ob das Ereignis nach oben weitergeleitet werden sollte.
cancelable Rückgabe, ob das Ereignis die Standardaktion verhindern kann. Event
changeTouches Rückgabe der Liste aller Berührungselemente, deren Zustand zwischen den beiden Berührungen geändert wurde. TouchEvent
charCode Rückgabe des Unicode-Zeichencodes der Taste, die das onkeypress-Ereignis auslöst. KeyboardEvent
clientX Rückgabe der horizontalen Koordinate des Mauszeigers relativ zum aktuellen Fenster, wenn das Mausereignis ausgelöst wird.
clientY Rückgabe der vertikalen Koordinate des Mauszeigers relativ zum aktuellen Fenster, wenn das Mausereignis ausgelöst wird.
clipboardData Rückgabe eines Objekts, das die von derClipboard-Bearbeitung betroffenen Daten enthält. ClipboardData
code Rückgabe des Codes der auslösenden Taste. KeyboardEvent
composed Anzeige, ob das Ereignis vom Shadow DOM auf den allgemeinen DOM weitergeleitet werden kann. Event
composedPath() Rückgabe des Ereignispfades.
createEvent() Erstellung eines neuen Ereignisses. Event
ctrlKey Rückgabe, ob die Taste "CTRL" gedrückt wurde, wenn das Mausereignis ausgelöst wird. MouseEvent
ctrlKey Rückgabe, ob die Taste "CTRL" gedrückt wurde, wenn die Maustaste gedrückt wird.
currentTarget Rückgabe des Elements, das den ausgelösten Event triggt. Event
data Rückgabe des eingefügten Zeichens. InputEvent
dataTransfer Rückgabe eines Objekts, das die verschobenen oder eingefügten/entfernten Daten enthält.
defaultPrevented Rückgabegröße, ob die Methode preventDefault() aufgerufen wurde. Event
deltaX Rückgabegröße der horizontalen Mausradwiederholung (X-Achse). WheelEvent
deltaY Rückgabegröße der vertikalen Mausradwiederholung (Y-Achse). WheelEvent
deltaZ Rückgabegröße der Z-Achse der Mausradwiederholung. WheelEvent
deltaMode 返回数字，代表增量值（像素、线或页面）的度量单位。 WheelEvent
detail 返回数字，指示鼠标被单击了多少次。 UiEvent
elapsedTime 返回动画已运行的秒数。 AnimationEvent
elapsedTime 返回过渡已运行的秒数。 　
eventPhase 返回当前正在评估事件流处于哪个阶段。 Event
getModifierState() 返回包含目标范围的数组，此范围将受到插入/删除的影响。 MouseEvent
getTargetRanges() 返回包含目标范围的数组，此范围将受到插入/删除的影响。 InputEvent
inputType 返回更改的类型（即 "inserting" 或 "deleting"）。 InputEvent
isComposing 返回事件的状态是否正在构成。
isTrusted 返回事件是否受信任。 Event
key 返回事件表示的键的键值。 KeyboardEvent
key 返回更改后的存储项的键。 StorageEvent
keyCode 返回触发 onkeypress、onkeydown 或 onkeyup 事件的键的 Unicode 字符代码。 KeyboardEvent
location 返回键盘或设备上按键的位置。 KeyboardEvent
lengthComputable 返回进度的长度是否可计算。 ProgressEvent
loaded 返回已加载的工作量。 ProgressEvent
metaKey 返回事件触发时是否按下了 "META" 键。 MouseEvent
metaKey 返回按键事件触发时是否按下了 "META" 键。
MovementX 返回相对于上一 mousemove 事件的位置的鼠标指针的水平坐标 MouseEvent
MovementY 返回相对于上一 mousemove 事件的位置的鼠标指针的垂直坐标 MouseEvent
newURL 返回更改 hash 后的文档 URL。 HasChangeEvent
newValue 返回更改后的存储项目的新值。 StorageEvent
offsetX 返回鼠标指针相对于目标元素边缘位置的水平坐标。 MouseEvent
offsetY 返回鼠标指针相对于目标元素边缘位置的垂直坐标。 MouseEvent
oldURL 返回更改 hash 前的文档 URL。 HasChangeEvent
oldValue 返回更改后的存储项目的旧值。 StorageEvent
onemptied 当发生不良情况且媒体文件突然不可用时，发生此事件。 　
pageX 返回触发鼠标事件时鼠标指针相对于文档的水平坐标。 MouseEvent
pageY 返回触发鼠标事件时鼠标指针相对于文档的垂直坐标。 MouseEvent
persisted 返回网页是否被浏览器缓存。 PageTransitionEvent
preventDefault() Wenn das Ereignis abgebrochen werden kann, wird es abgebrochen und die Standardaktion des Ereignisses wird nicht ausgeführt. Event
propertyName Gibt den Namen der mit der Animation oder dem Übergang verbundenen CSS-Eigenschaft zurück.
pseudoElement Gibt den Namen des Pseudo-Elements zurück, das die Animation oder den Übergang darstellt.
region MouseEvent
relatedTarget Gibt das Element zurück, das mit dem auslösenden Mausereignis verbunden ist. MouseEvent
relatedTarget Gibt das Element zurück, das mit dem auslösenden Element verbunden ist. FocusEvent
wiederholen Gibt zurück, ob eine Taste wiederholt gedrückt wurde. KeyboardEvent
screenX Gibt die horizontale Koordinate des Fensters/Mauszeigers relativ zum Bildschirm zurück. MouseEvent
screenY Gibt die vertikale Koordinate des Fensters/Mauszeigers relativ zum Bildschirm zurück. MouseEvent
shiftKey Gibt zurück, ob die Taste "SHIFT" beim Auslösen des Ereignisses gedrückt wurde. MouseEvent
shiftKey Gibt zurück, ob die Taste "SHIFT" beim Auslösen des Tastenevents gedrückt wurde.
state Gibt ein Objekt zurück, das eine Kopie des historischen Eintrags enthält. PopStateEvent
stopImme...() Verhindert, dass andere Listener für dasselbe Ereignis aufgerufen werden. Event
stopPropagation() Verhindert, dass das Ereignis im Ereignisfluss weitergeleitet wird. Event
storageArea Gibt das Objekt zurück, das den betroffenen Speicherbereich darstellt. StorageEvent
ziel Gibt das Element zurück, das das Ereignis ausgelöst hat. Event
targetTouches Gibt eine Liste von Touch-Objekten zurück, die alle noch mit der Berührungsoberfläche in Berührung stehen. TouchEvent
timeStamp Gibt die Zeit zurück, zu der das Ereignis erstellt wurde (in Millisekunden seit der Epoche). Event
gesamt Gibt die Gesamtarbeitsmenge zurück, die geladen werden soll. ProgressEvent
touches Gibt eine Liste aller aktuellen touch-Objekte zurück, die mit der Oberfläche in Berührung stehen. TouchEvent
Art Gibt den Namen des Ereignisses zurück. Event
url Gibt die URL des Dokuments zurück, in dem sich der geänderte Eintrag befindet. StorageEvent
which Gibt die Maustaste zurück, die beim Auslösen des Mausereignisses gedrückt war. MouseEvent
which Gibt den Unicode-Zeichencode der Taste zurück, die das onkeypress-Ereignis ausgelöst hat, oder den Unicode-Tastencode der Taste, die das onkeydown oder onkeyup-Ereignis ausgelöst hat. KeyboardEvent
Ansicht Gibt einen Verweis auf das Window-Objekt zurück, auf dem das Ereignis aufgetreten ist. UiEvent