English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
DOM-Ereignisse werden gesendet, um interessante Ereignisse an den Code zu melden.
Ereignisse werden normalerweise mit Funktionen kombiniert und die Funktion wird vor dem Ereignis nicht ausgeführt (z.B. wenn der Benutzer auf eine Schaltfläche klickt).
Das Ereignis kann alles darstellen, von grundlegenden Benutzerinteraktionen bis hin zu automatischen Benachrichtigungen über Ereignisse, die im Darstellungsmodell stattfinden.
| Name der Aktivität | Beschreibung | Event-Typ |
|---|---|---|
| abort | Dieses Ereignis tritt ein, wenn die Ladung der Ressourcen abgebrochen wurde | UiEvent, Event |
| afterprint | Dieses Ereignis tritt ein, wenn das Dokument bereits gedruckt wurde oder der Vorschau-Modus für den Druck geschlossen wurde | Event |
| animationend | Dieses Ereignis tritt ein, wenn die CSS-Animation abgeschlossen ist | AnimationEvent |
| animationiteration | Dieses Ereignis tritt ein, wenn die CSS-Animation wiederholt wird | AnimationEvent |
| animationstart | Dieses Ereignis tritt ein, wenn die CSS-Animation beginnt | AnimationEvent |
| beforeprint | Dieses Ereignis tritt ein, wenn das zugehörige Dokument gedruckt oder im Vorschau-Modus für den Druck angezeigt wird | Event |
| beforeunload | Ein Ereignis tritt auf, wenn das Fenster, das Dokument und seine Ressourcen kurz vor dem Entladen stehen | UiEvent, Event |
| blur | Ein Ereignis tritt auf, wenn ein Element den Fokus verliert (wird nicht aufgerollt) | FocusEvent |
| canplay | Ein Ereignis tritt auf, wenn der Browser das Medium abspielen kann (wenn er genügend Puffer hat, um abzuspielen) | Event |
| canplaythrough | Ein Ereignis tritt auf, wenn der Browser das Medium ohne Pausen abspielen kann | Event |
| change | Ein Ereignis tritt auf, wenn der Inhalt eines Formularelements, einer Auswahl oder eines ausgewählten Zustands geändert wird (z.B. für <input>, <select> und <textarea>) | Event |
| click | Ein Ereignis tritt auf, wenn der Benutzer auf ein Element klickt | MouseEvent |
| contextmenu | Ein Ereignis tritt auf, wenn der Benutzer mit der rechten Maustaste auf ein Element klickt, um ein Kontextmenü zu öffnen | MouseEvent |
| copy | Ein Ereignis tritt auf, wenn der Benutzer den Inhalt eines Elements kopiert | ClipboardEvent |
| cut | Ein Ereignis tritt auf, wenn der Benutzer den Inhalt eines Elements schneidet | ClipboardEvent |
| dblclick | Ein Ereignis tritt auf, wenn der Benutzer ein Element mit einem Doppelklick betätigt | MouseEvent |
| drag | Ein Ereignis tritt auf, wenn ein Element verschoben wird | DragEvent |
| dragend | Ein Ereignis tritt auf, wenn der Benutzer das Verschieben eines Elements beendet | DragEvent |
| dragenter | Ein Ereignis tritt auf, wenn ein verschiebbares Element in ein Zielselement eintritt | DragEvent |
| dragleave | Ein Ereignis tritt auf, wenn ein verschiebbares Element das Zielselement verlässt | DragEvent |
| dragover | Ein Ereignis tritt auf, wenn ein verschiebbares Element über einem Zielselement ist | DragEvent |
| dragstart | Dieses Ereignis tritt auf, wenn der Benutzer ein Element beginnt zu verschieben | DragEvent |
| drop | Ein Ereignis tritt auf, wenn ein verschiebbares Element auf ein Zielselement gelegt wird | DragEvent |
| durationchange | Dieses Ereignis tritt auf, wenn die Dauer des Mediums geändert wird | Event |
| ended | Dieses Ereignis tritt auf, wenn das Medium am Ende abgespielt wird (nützlich für Nachrichten wie 'Vielen Dank für das Zuhören') | Event |
| error | Dieses Ereignis tritt auf, wenn eine Ressource fehlgeschlagen ist | ProgressEvent, UiEvent, Event |
| focus | Ein Ereignis tritt auf, wenn ein Element den Fokus hat (wird nicht aufgerollt) | FocusEvent |
| focusin | Dieses Ereignis tritt auf, wenn ein Element kurz vor dem Erhalten des Fokus steht | FocusEvent |
| focusout | Dieses Ereignis tritt auf, wenn ein Element kurz vor dem Verlieren des Fokus steht | FocusEvent |
| fullscreenchange | Ein Ereignis tritt auf, wenn ein Element im Vollbildmodus angezeigt wird | Event |
| fullscreenerror | Dieses Ereignis tritt auf, wenn ein Element nicht im Vollbildmodus angezeigt werden kann | Event |
| hashchange | Dieses Ereignis tritt auf, wenn der URL-Anker Teil geändert wird | HashChangeEvent |
| input | Ein Ereignis tritt auf, wenn ein Element Benutzereingaben erhält | InputEvent, Event |
| invalid | Dieses Ereignis tritt auf, wenn ein Element ungültig ist | Event |
| keydown | Dieses Ereignis tritt auf, wenn der Benutzer eine Taste drückt | KeyboardEvent |
| keypress | Ein Ereignis tritt auf, wenn der Benutzer eine Taste drückt | KeyboardEvent |
| keyup | Dieses Ereignis tritt ein, wenn der Benutzer eine Taste loslässt. | KeyboardEvent |
| load | Dieses Ereignis tritt auf, wenn das Objekt geladen ist. | UiEvent, Event |
| loadeddata | Dieses Ereignis tritt auf, wenn Mediendaten geladen werden. | Event |
| loadedmetadata | Dieses Ereignis tritt auf, wenn Metadaten (wie Dimensionen und Dauer) geladen werden. | Event |
| loadstart | Dieses Ereignis tritt auf, wenn der Browser mit der Suche nach dem angegebenen Medium beginnt. | ProgressEvent |
| message | Dieses Ereignis tritt ein, wenn eine Nachricht vom Ereignisquelle empfangen wird. | Event |
| mousedown | Dieses Ereignis tritt ein, wenn der Benutzer die Maustaste in einem Element drückt. | MouseEvent |
| mouseenter | Dieses Ereignis tritt auf, wenn der Zeiger auf ein Element bewegt wird. | MouseEvent |
| mouseleave | Dieses Ereignis tritt auf, wenn der Zeiger aus einem Element herausgefahren wird. | MouseEvent |
| mousemove | Dieses Ereignis tritt auf, wenn der Zeiger über einem Element bewegt wird. | MouseEvent |
| mouseover | Dieses Ereignis tritt auf, wenn der Zeiger auf ein Element oder eines seiner Unterlemente bewegt wird. | MouseEvent |
| mouseout | Dieses Ereignis tritt auf, wenn der Mauszeiger aus einem Element oder einem seiner Unterlemente herausgefahren wird. | MouseEvent |
| mouseup | Dieses Ereignis tritt auf, wenn der Benutzer die Maustaste in einem Element löst. | MouseEvent |
| mousewheel | Nicht empfohlen.Wechseln Sie zu wheel-Ereignissen | WheelEvent |
| offline | Dieses Ereignis tritt auf, wenn der Browser mit der Offline-Arbeit beginnt. | Event |
| online | Dieses Ereignis tritt auf, wenn der Browser mit der Online-Arbeit beginnt. | Event |
| open | Dieses Ereignis tritt auf, wenn eine Verbindung zum Ereignisquelle geöffnet wird. | Event |
| pagehide | Dieses Ereignis tritt auf, wenn der Benutzer die Navigation von der Webseite verlässt. | PageTransitionEvent |
| Seite angezeigt | Dieses Ereignis tritt auf, wenn der Benutzer zur Webseite navigiert. | PageTransitionEvent |
| paste | Dieses Ereignis tritt ein, wenn der Benutzer Inhalte in ein Element einfügt. | ClipboardEvent |
| pause | Dieses Ereignis tritt ein, wenn der Benutzer oder der Media-Player auf Programmanweisung pausiert wird. | Event |
| play | Dieses Ereignis tritt auf, wenn das Medium gestartet oder nicht mehr pausiert wird. | Event |
| playing | Dieses Ereignis tritt auf, wenn das Medium nach dem Pausieren oder Beenden des Pufferns wiedergegeben wird. | Event |
| popstate | Dieses Ereignis tritt auf, wenn sich die Geschichte des Fensters ändert. | PopStateEvent |
| progress | Dieses Ereignis tritt auf, wenn der Browser im Prozess der Datenbeschaffung für das Medium (Herunterladen des Mediums) ist. | Event |
| ratechange | Dieses Ereignis tritt auf, wenn die Wiedergabegeschwindigkeit des Mediums geändert wird. | Event |
| resize | Dieses Ereignis tritt auf, wenn die Größe der Dokumentansicht angepasst wird. | UiEvent, Event |
| reset | Dieses Ereignis tritt auf, wenn das Formular zurückgesetzt wird. | Event |
| scroll | Dieses Ereignis tritt auf, wenn der Benutzer die Rollenleiste eines Scrollelements bewegt. | UiEvent, Event |
| search | Dieses Ereignis tritt ein, wenn der Benutzer Inhalte in das Suchfeld eingibt (für <input="search">). | Event |
| seeked | Wenn der Benutzer die Bewegung beendet/Dieses Ereignis tritt auf, wenn der Benutzer zu einer neuen Position im Medium springt. | Event |
| seeking | Wenn der Benutzer beginnt, sich zu bewegen/Dieses Ereignis tritt auf, wenn der Benutzer zu einer neuen Position im Medium springt. | Event |
| select | Nachdem der Benutzer einige Texte (für <input> und <textarea>) ausgewählt hat, tritt dieses Ereignis ein. | UiEvent, Event |
| show | Dieses Ereignis tritt auf, wenn das <menu>-Element als Kontextmenü angezeigt wird | Event |
| stalled | Dieses Ereignis tritt auf, wenn der Browser versucht, Mediendaten abzurufen, aber die Daten nicht verfügbar sind | Event |
| storage | Dieses Ereignis tritt auf, wenn der Web-Speicherbereich aktualisiert wird | StorageEvent |
| submit | Dieses Ereignis tritt auf, wenn das Formular eingereicht wird | Event |
| suspend | Dieses Ereignis tritt auf, wenn der Browser absichtlich keine Mediendaten abruft | Event |
| timeupdate | Dieses Ereignis tritt auf, wenn sich die Wiedergabeposition ändert (z.B. wenn der Benutzer schnell zu einem anderen Punkt im Medium springt) | Event |
| toggle | Dieses Ereignis tritt auf, wenn der Benutzer das <details>-Element öffnet oder schließt | Event |
| touchcancel | Dieses Ereignis tritt auf, wenn die Berührung unterbrochen wird | TouchEvent |
| touchend | Dieses Ereignis tritt auf, wenn der Finger vom Berührungsbildschirm entfernt wird | TouchEvent |
| touchmove | Dieses Ereignis tritt auf, wenn der Finger auf dem Bildschirm gezogen wird | TouchEvent |
| touchstart | Dieses Ereignis tritt auf, wenn der Finger auf dem Berührungsbildschirm platziert wird | TouchEvent |
| transitionend | Dieses Ereignis tritt auf, wenn eine CSS-Übergangsvorgang abgeschlossen ist. | TransitionEvent |
| unload | Dieses Ereignis tritt auf, wenn das Dokument oder eine abhängige Ressource abgelegt wird | UiEvent, Event |
| volumechange | Dieses Ereignis tritt auf, wenn die Lautstärke des Mediums geändert wurde (einschließlich des Setzens der Lautstärke auf 'Stumm') | Event |
| waiting | Dieses Ereignis tritt auf, wenn das Medium pausiert wurde, aber erwartet wird, dass es wieder aktiviert wird (z.B. wenn das Medium pausiert wurde, um mehr Daten zu puffern) | Event |
| wheel | Dieses Ereignis tritt auf, wenn der Mausrad auf dem Element nach oben oder unten gescrollt wird | WheelEvent |
Die nachstehende Tabelle zeigt die Eigenschaften der DOM-Ereignisse an:
| Eigenschaften | Beschreibung | Event-Typ |
|---|---|---|
| altKey | Rückgabewert, ob die Taste 'ALT' gedrückt wurde, wenn die Mausereignis ausgelöst wurde | MouseEvent |
| altKey | Rückgabewert, ob die Taste 'ALT' gedrückt wurde, wenn das Tastenevent ausgelöst wurde | KeyboardEvent, TouchEvent |
| animationName | Rückgabewert des Namens der Animation | AnimationEvent |
| bubbles | Rückgabewert, ob das spezifische 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 |
| cancelable | Rückgabewert, ob das Ereignis die Standardaktion verhindern kann | Event |
| charCode | Rückgabewert des Unicode-Zeichencodes der Taste, die das onkeypress-Ereignis ausgelöst hat | KeyboardEvent |
| changeTouches | Rückgabewert der Liste aller Berührungselemente, deren Zustand zwischen dem letzten Berührung und dieser Berührung geändert wurde | TouchEvent |
| clientX | Rückgabewert der horizontalen Koordinate des Mauszeigers relativ zum aktuellen Fenster, wenn die Mausereignis ausgelöst wurde | MouseEvent, TouchEvent |
| clientY | Rückgabewert der vertikalen Koordinate des Mauszeigers relativ zum aktuellen Fenster, wenn die Mausereignis ausgelöst wurde | MouseEvent, TouchEvent |
| clipboardData | Rückgabewert eines Objekts, das die Daten enthält, die durch dieClipboard-Betriebsart betroffen sind | ClipboardData |
| code | Rückgabewert des Codes der Taste, die das Ereignis ausgelöst hat | KeyboardEvent |
| composed | Rückgabewert, ob das Ereignis zusammengebaut ist | Event |
| ctrlKey | Rückgabewert, ob die Taste 'CTRL' gedrückt wurde, wenn die Mausereignis ausgelöst wurde | MouseEvent |
| ctrlKey | Rückgabe, ob die Taste 'CTRL' beim Auslösen des Schlüsselereignisses gedrückt wurde | KeyboardEvent, TouchEvent |
| currentTarget | Rückgabe des Elements, das das Ereignis auslöst | Event |
| data | Rückgabe des eingefügten Zeichens | InputEvent |
| dataTransfer | Rückgabe eines Objekts, das zum Verschieben vorgesehen ist/Eingegebenes oder gelöschtes Daten | DragEvent, InputEvent |
| defaultPrevented | Rückgabe, ob die Methode preventDefault() für das Ereignis aufgerufen wurde | Event |
| deltaX | Rückgabe der horizontalen Rollbewegung des Mausrades (X-Achse) | WheelEvent |
| deltaY | Rückgabe der vertikalen Rollbewegung des Mausrades (Y-Achse) | WheelEvent |
| deltaZ | Rückgabe der Rollbewegung des Mausrades entlang der Z-Achse | WheelEvent |
| deltaMode | Rückgabe einer Zahl, die den Maßstab der Wertigkeit des Inkrements (Pixel, Linie oder Seite) angibt | WheelEvent |
| detail | Rückgabe einer Zahl, die angibt, wie oft die Maus geklickt wurde | UiEvent |
| elapsedTime | Rückgabe der Sekunden, die die Animation gelaufen ist | AnimationEvent |
| elapsedTime | Rückgabe der Sekunden, die der Übergang gelaufen ist | |
| eventPhase | Rückgabe des aktuellen Stadiums des evaluierten Ereignisflusses | Event |
| inputType | Rückgabe des Typs der Änderung (d.h. 'Einfügung' oder 'Löschung') | InputEvent |
| isComposing | Rückgabe, ob der Zustand des Ereignisses als Composition besteht | InputEvent, KeyboardEvent |
| isTrusted | Rückgabe, ob das Ereignis vertrauenswürdig ist | Event |
| key | Rückgabe des Werts der Taste, die das Ereignis darstellt | KeyboardEvent |
| key | Rückgabe des Schlüssels des geänderten gespeicherten Elements | StorageEvent |
| keyCode | 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 |
| location | Rückgabe der Position der Taste auf der Tastatur oder dem Gerät | KeyboardEvent |
| lengthComputable | Rückgabe, ob die Länge des Fortschritts berechnet werden kann | ProgressEvent |
| loaded | Rückgabe der bereits geladenen Arbeit | ProgressEvent |
| metaKey | Rückgabe, ob die Taste 'META' beim Auslösen des Ereignisses gedrückt wurde | MouseEvent |
| metaKey | Rückgabe, ob die Taste 'Meta' beim Auslösen des Schlüsselereignisses gedrückt wurde | KeyboardEvent, TouchEvent |
| MovementX | Rückgabe der horizontalen Koordinate des Mauszeigers relativ zur Position des letzten mousemove-Ereignisses | MouseEvent |
| MovementY | Rückgabe der vertikalen Koordinate des Mauszeigers relativ zur Position des letzten mousemove-Ereignisses | MouseEvent |
| newValue | Rückgabe des neuen Wertes des geänderten gespeicherten Elements | StorageEvent |
| newURL | Rückgabe der URL des Dokuments nach dem Hash-Wertänderung | HasChangeEvent |
| offsetX | Rückgabe der horizontalen Koordinate des Mauszeigers relativ zur Kante des Zielelements | MouseEvent |
| offsetY | Rückgabe der vertikalen Koordinate des Mauszeigers relativ zur Kante des Zielelements | MouseEvent |
| oldValue | Rückgabe des alten Wertes des gespeicherten Elements, das geändert wurde | StorageEvent |
| oldURL | Rückgabe der URL des Dokuments vor dem Hash-Änderung | HasChangeEvent |
| onemptied | Dieses Ereignis tritt ein, wenn eine schlechte Situation auftritt und die Mediendatei plötzlich nicht verfügbar ist (z.B. durch eine unerwartete Verbindungstrennung). | |
| pageX | Gibt die horizontale Koordinate des Mauszeigers relativ zum Dokument zurück, wenn das Ereignis ausgelöst wurde. | MouseEvent |
| pageY | Gibt die vertikale Koordinate des Mauszeigers relativ zum Dokument zurück, wenn das Ereignis ausgelöst wurde. | MouseEvent |
| persisted | Gibt zurück, ob die Webseite vom Browser zwischengespeichert wurde. | PageTransitionEvent |
| propertyName | Gibt den Namen der mit der Animation oder dem Übergang verbundenen CSS-Eigenschaft zurück. | AnimationEvent, TransitionEvent |
| pseudoElement | Gibt den Namen des Pseudo-Elements zurück, das mit der Animation oder dem Übergang verbunden ist. | AnimationEvent, TransitionEvent |
| region | MouseEvent | |
| relatedTarget | Gibt das Element zurück, das mit dem Element verbunden ist, das das Mausereignis ausgelöst hat. | MouseEvent |
| relatedTarget | Gibt das Element zurück, das mit dem auslösenden Element verbunden ist. | FocusEvent |
| repeat | Gibt zurück, ob eine Taste mehrmals hintereinander gedrückt wurde. | KeyboardEvent |
| screenX | Gibt die horizontale Koordinate des Mauszeigers relativ zum Bildschirm zurück, wenn das Ereignis ausgelöst wurde. | MouseEvent |
| screenY | Gibt die vertikale Koordinate des Mauszeigers relativ zum Bildschirm zurück, wenn das Ereignis ausgelöst wurde. | MouseEvent |
| shiftKey | Gibt zurück, ob die Taste 'SHIFT' beim Auslösen des Ereignisses gedrückt war. | MouseEvent |
| shiftKey | Gibt zurück, ob die Taste 'SHIFT' beim Auslösen des Schlüsselerlaubnisses gedrückt war. | KeyboardEvent, TouchEvent |
| state | Gibt ein Objekt zurück, das eine Kopie des historischen Eintrags enthält. | PopStateEvent |
| storageArea | Gibt ein Objekt zurück, das den betroffenen Speicherbereich darstellt. | StorageEvent |
| target | Gibt das Element zurück, das das Ereignis ausgelöst hat. | Event |
| targetTouches | Gibt eine Liste aller Berührungselemente zurück, die mit der Oberfläche in Berührung stehen und bei touchstart-Ereignissen auf demselben Zielobjekt wie das aktuelle Zielobjekt des Elements ausgelöst wurden. | TouchEvent |
| timeStamp | Gibt die Zeit zurück, zu der das Ereignis erstellt wurde (in Millisekunden relativ zum Epochendatum). | Event |
| total | Gibt die Gesamtarbeitsmenge zurück, die geladen werden soll. | ProgressEvent |
| touches | Gibt eine Liste aller Berührungselemente zurück, die derzeit mit der Oberfläche in Berührung stehen. | TouchEvent |
| transitionend | Dieses Ereignis tritt auf, wenn eine CSS-Übergangsvorgang abgeschlossen ist. | TransitionEvent |
| type | Gibt den Namen des Ereignisses zurück. | Event |
| url | Gibt die URL des Dokuments zurück, das geändert wurde. | 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 |
| view | Gibt einen Verweis auf das Window-Objekt zurück, auf dem das Event aufgetreten ist | UiEvent |
Die folgende Tabelle listet die Methoden der DOM-Events auf:
| Methode | Beschreibung | Event-Typ |
|---|---|---|
| createEvent() | Erstellen Sie ein neues Event | Event |
| getTargetRanges() | Gibt ein Array zurück, das die Zielrange enthält, die durch die Einfügung betroffen wird/Auswirkungen der Löschung | InputEvent |
| getModifierState() | Gibt ein Array zurück, das die Zielrange enthält, die durch die Einfügung betroffen wird/Auswirkungen der Löschung | MouseEvent |
| preventDefault() | Verhindern Sie, dass der Browser die Standardaktion des ausgewählten Elements ausführt | Event |
| stopImmediatePropagation() | Verhindern Sie, dass andere Listener für dasselbe Event aufgerufen werden | Event |
| stopPropagation() | Verhindern Sie die weitere Propagation des Events im Event-Flow | Event |
Javascript-Tutorial:Javascript-Event
Javascript-Tutorial:Event-Listener
Javascript-Tutorial:Eventverteilung