HTML DOM Event
HTML DOM-Ereignisse erlauben JavaScript verschiedene Event-Handler auf Elemente in einem HTML-Dokument zu registrieren.
Ereignisse werden in der Regel in Kombination mit Funktionen verwendet und die Funktion wird nicht ausgeführt werden , bevor das Ereignis eintritt (such as when a user clicks a button) zum (such as when a user clicks a button) , (such as when a user clicks a button) auf (such as when a user clicks a button) .
Tip: Das Event - Modell des W3C in DOM Level 2 standardisiert wurde.
HTML DOM Event
DOM: Zeigt an, in der DOM Level Eigentum eingeführt wurde.
Mausereignisse
| Event | Beschreibung | DOM |
|---|
| Onclick | Das Ereignis tritt ein, wenn der Benutzer auf ein Element klickt | 2 |
| oncontextmenu | Das Ereignis tritt ein, wenn der Benutzer mit der rechten Klicks auf ein Element ein Kontextmenü zu öffnen | 3 |
| ondblclick | Das Ereignis tritt ein, wenn der Benutzer einen Doppelklick auf ein Element | 2 |
| onmousedown | Das Ereignis tritt ein, wenn der Benutzer eine Maustaste über ein Element drückt | 2 |
| OnMouseEnter | Das Ereignis tritt auf, wenn der Zeiger auf ein Element bewegt wird, | 2 |
| OnMouseLeave | Das Ereignis tritt auf, wenn der Zeiger aus einem Element bewegt wird, | 2 |
| onmousemove | Das Ereignis tritt auf, wenn sich der Zeiger bewegt, während es über ein Element ist, | 2 |
| onmouseover | Das Ereignis tritt auf, wenn der Zeiger auf ein Element bewegt wird, oder auf eines seiner Kinder | 2 |
| onmouseout | Das Ereignis tritt auf, wenn ein Benutzer den Mauszeiger aus einem Element bewegt, oder aus einem ihrer Kinder | 2 |
| onmouseup | Das Ereignis tritt ein, wenn ein Benutzer eine Maustaste loslässt über ein Element | 2 |
Keyboard Events
| Event | Beschreibung | DOM |
|---|
| onkeydown | Das Ereignis tritt ein, wenn der Benutzer eine Taste drückt | 2 |
| onkeypress | Das Ereignis tritt ein, wenn der Benutzer eine Taste drückt | 2 |
| onkeyup | Das Ereignis tritt ein, wenn der Benutzer eine Taste loslässt | 2 |
Frame / Objektereignisse
| Event | Beschreibung | DOM |
|---|
| onabort | Das Ereignis tritt ein, wenn das Laden einer Ressource abgebrochen wurde | 2 |
| onbeforeunload | Das Ereignis tritt ein, bevor das Dokument im Begriff ist, entladen werden | 2 |
| onerror | Das Ereignis tritt ein, wenn ein Fehler auftritt, während eine externe Datei laden | 2 |
| onhashchange | Das Ereignis tritt ein, wenn es hat Änderungen an den Ankerteil einer URL gewesen | 3 |
| onload | Das Ereignis auftritt, wenn ein Objekt geladen ist | 2 |
| onpageshow | Das Ereignis tritt ein, wenn der Benutzer auf eine Webseite navigiert | 3 |
| onpagehide | Das Ereignis tritt ein, wenn der Benutzer von einer Webseite navigiert | 3 |
| onresize | Das Ereignis tritt ein, wenn die Dokumentansicht geändert wird | 2 |
| onscroll | Das Ereignis tritt ein, wenn ein Scrollbar des Elements wird gescrollt werden | 2 |
| onunload | Das Ereignis tritt ein, sobald eine Seite entladen hat (für <body>) | 2 |
Formularereignisse
| Event | Beschreibung | DOM |
|---|
| onblur | Das Ereignis tritt ein, wenn ein Element den Fokus verliert | 2 |
| bei Änderung | Das Ereignis tritt ein, wenn der Inhalt eines Formularelement, die Auswahl, oder den überprüften Zustand geändert hat (for <input>, <keygen>, <select>, and <textarea>) | 2 |
| im Fokus | Das Ereignis tritt ein, wenn ein Element Fokus erhält | 2 |
| onfocusin | Das Ereignis tritt ein, wenn ein Element im Begriff ist, Fokus zu erhalten | 2 |
| onfocusout | Das Ereignis tritt ein, wenn ein Element im Begriff ist, den Fokus zu verlieren | 2 |
| oninput | Das Ereignis tritt ein, wenn ein Element Benutzereingabe wird | 3 |
| oninvalid | Das Ereignis tritt ein, wenn ein Element ist ungültig | 3 |
| onreset | Das Ereignis tritt ein, wenn ein Formular zurückgesetzt wird | 2 |
| onsearch | Das Ereignis tritt ein, wenn der Benutzer etwas in einem Suchfeld (für <input = „suchen“>) schreibt | 3 |
| onselect | Das Ereignis tritt ein, wenn der Benutzer einen Text auswählt (for <input> and <textarea>) | 2 |
| onsubmit | Das Ereignis tritt ein, wenn ein Formular abgeschickt wird | 2 |
Ziehen Events
| Event | Beschreibung | DOM |
|---|
| ondrag | Das Ereignis tritt auf, wenn ein Element in der Länge gezogen wird, | 3 |
| ondragend | Das Ereignis tritt ein, wenn der Benutzer fertig ist ein Element ziehen | 3 |
| OnDragEnter | Das Ereignis tritt auf, wenn das gezogene Element das Ablegeziel eingibt | 3 |
| OnDragLeave | Das Ereignis tritt ein, wenn das gezogene Element das Drop-Ziel verlässt | 3 |
| OnDragOver | Das Ereignis tritt ein, wenn das gezogene Element über das Drop-Ziel ist | 3 |
| onDragStart | Das Ereignis tritt ein, wenn der Benutzer beginnt, ein Element zu ziehen | 3 |
| ondrop | Das Ereignis tritt ein, wenn das gezogene Element auf dem Drop-Ziel fallen gelassen wird | 3 |
Zwischenablage Events
| Event | Beschreibung | DOM |
|---|
| oncopy | Das Ereignis tritt ein, wenn der Benutzer kopiert den Inhalt eines Elements | |
| oncut | Das Ereignis tritt ein, wenn der Benutzer den Inhalt eines Elements schneidet | |
| onpaste | Das Ereignis tritt ein, wenn der Benutzer einige Inhalte in einem Element Pasten | |
drucken Events
| Event | Beschreibung | DOM |
|---|
| Onafterprint | Das Ereignis tritt ein, wenn eine Seite Druck begonnen hat, oder wenn das Druckdialogfenster geschlossen wurde | 3 |
| OnBeforePrint | Das Ereignis tritt ein, wenn eine Seite über die gedruckt werden soll, | 3 |
Medien Veranstaltungen
| Event | Beschreibung | DOM |
|---|
| onabort | Das Ereignis tritt ein, wenn das Laden eines Mediums abgebrochen | 3 |
| oncanplay | Das Ereignis tritt ein, wenn der Browser starten kann die Medien zu spielen (wenn es genug gepuffert hat zu beginnen) | 3 |
| oncanplaythrough | Das Ereignis tritt ein, wenn der Browser über die Medien, anzuhalten zum Puffern spielen | 3 |
| ondurationchange | Das Ereignis tritt ein, wenn die Dauer der Medien geändert wird | 3 |
| onemptied | Das Ereignis tritt auf, wenn etwas Schlimmes passiert und die Mediendatei ist plötzlich nicht mehr verfügbar (like unexpectedly disconnects) | 3 |
| onended | Das Ereignis tritt ein, wenn die Medien das Ende erreichen (useful for messages like "thanks for listening") das (useful for messages like "thanks for listening") | 3 |
| onerror | Das Ereignis tritt ein, wenn ein Fehler beim Laden einer Mediendatei aufgetreten | 3 |
| onloadeddata | Das Ereignis tritt ein, wenn Mediendaten geladen werden | 3 |
| onloadedmetadata | Das Ereignis tritt auf, wenn Meta - Daten (like dimensions and duration) belastet sind | 3 |
| onLoadStart | Das Ereignis tritt ein, wenn der Browser für die angegebenen Medien beginnt suchen | 3 |
| OnPause | Das Ereignis tritt ein, wenn die Medien entweder durch den Benutzer angehalten oder programmatisch | 3 |
| onplay | Das Ereignis tritt ein, wenn die Medien gestartet wurde oder nicht mehr pausiert | 3 |
| onplaying | Das Ereignis tritt ein, wenn die Medien nach der Wiedergabe zum Puffer angehalten oder abgebrochen hat, wurde | 3 |
| In Arbeit | Das Ereignis tritt ein, wenn der Browser in den Prozess der Einführung der Mediendaten ist (downloading the media) | 3 |
| onratechange | Das Ereignis tritt ein, wenn die Abspielgeschwindigkeit der Medien verändert | 3 |
| onseeked | Das Ereignis tritt ein, wenn der Benutzer fertig ist bewegend / Überspringen an eine neue Position in den Medien | 3 |
| onseeking | Das Ereignis tritt ein, wenn der Benutzer beginnt sich zu bewegen / in den Medien auf eine neue Position Skipping | 3 |
| onstalled | Das Ereignis tritt ein, wenn der Browser-Media-Daten versucht zu bekommen, aber Daten nicht verfügbar | 3 |
| onsuspend | Das Ereignis tritt ein, wenn der Browser absichtlich nicht-Media-Daten bekommen | 3 |
| ontimeupdate | Das Ereignis tritt ein, wenn die Abspielposition (wie wenn der Benutzer schnell nach vorn zu einem anderen Punkt in den Medien) geändert hat | 3 |
| onvolumechange | Das Ereignis tritt auf, wenn das Volumen der Medien geändert hat (umfasst das Volumen auf „mute“ -Einstellung) | 3 |
| OnWaiting | Das Ereignis tritt ein, wenn die Medien angehalten hat, wird aber wieder aufgenommen werden (wie, wenn die Medien Pausen mehr Daten zu puffern) | 3 |
Animation Events
| Event | Beschreibung | DOM |
|---|
| animationend | Das Ereignis tritt ein, wenn eine CSS-Animation abgeschlossen | 3 |
| animationiteration | Das Ereignis tritt ein, wenn eine CSS-Animation wiederholt wird | 3 |
| animationstart | Das Ereignis tritt ein, wenn eine CSS-Animation gestartet | 3 |
Transition Events
| Event | Beschreibung | DOM |
|---|
| transitionend | Das Ereignis tritt ein, wenn ein CSS Übergang abgeschlossen | 3 |
Server-Sent Events
| Event | Beschreibung | DOM |
|---|
| onerror | Das Ereignis tritt ein, wenn ein Fehler mit der Ereignisquelle auftritt, | |
| onmessage | Das Ereignis tritt ein, wenn eine Nachricht durch die Ereignisquelle empfangen wird | |
| OnOpen | Das Ereignis tritt ein, wenn eine Verbindung mit der Ereignisquelle geöffnet | |
Misc Veranstaltungen
| Event | Beschreibung | DOM |
|---|
| onmessage | Das Ereignis tritt ein, wenn eine Nachricht durch oder von einem Objekt empfangen wird (WebSocket, Web Worker, Event Source or a child frame or a parent window) | 3 |
| OnMouseWheel | Veraltete. Verwenden Sie das onwheel Ereignis statt | |
| ononline | Das Ereignis tritt ein, wenn der Browser startet, online arbeiten | 3 |
| onoffline | Das Ereignis tritt ein, wenn der Browser startet offline arbeiten | 3 |
| onpopstate | Das Ereignis tritt ein, wenn die Geschichte des Fensters ändert | 3 |
| auf Sendung | Das Ereignis tritt ein, wenn ein <menu> Element als Kontextmenü | 3 |
| onstorage | Das Ereignis tritt ein, wenn ein Web Storage-Bereich aktualisiert wird | 3 |
| ontoggle | Das Ereignis tritt ein, wenn der Benutzer öffnet oder schließt das <details> Element | 3 |
| onwheel | Das Ereignis tritt ein, wenn das Mausrad rollt nach oben oder unten über ein Element | 3 |
Touch-Events
| Event | Beschreibung | DOM |
|---|
| ontouchcancel | Das Ereignis tritt ein, wenn die Berührung unterbrochen | |
| ontouchend | Das Ereignis tritt ein, wenn ein Finger von einem Touch-Screen entfernt | |
| OnTouchMove | Das Ereignis tritt ein, wenn ein Finger über den Bildschirm gezogen wird | |
| ontouchstart | Das Ereignis tritt ein, wenn ein Finger auf einem Touchscreen platziert | |
Ereignisobjekt
Konstanten
| Konstante | Beschreibung | DOM |
|---|
| CAPTURING_PHASE | Die aktuelle Ereignisphase ist die Erfassungsphase (1) | 1 |
| AT_TARGET | Das aktuelle Ereignis wird in der Zielphase, dh bei der Veranstaltung Ziel ausgewertet wird (2) | 2 |
| BUBBLING_PHASE | Die aktuelle Ereignisphase ist die Bubbling - Phase (3) | 3 |
Eigenschaften
| Eigentum | Beschreibung | DOM |
|---|
| Blasen | Gibt zurück, ob oder nicht ein bestimmtes Ereignis ein Bubbling-Ereignis ist | 2 |
| cancelable | Gibt an, ob oder nicht ein Ereignis kann seine Standardaktion verhindert haben | 2 |
| current | Gibt das Element, dessen Ereignis-Listener das Ereignis ausgelöst | 2 |
| defaultPrevented | Returns , ob die preventDefault() Methode wurde für das Ereignis aufgerufen | 3 |
| eventphase | Returns, die Phase des Ereignisablaufs wird derzeit evaluiert | 2 |
| IsTrusted | Gibt zurück, ob nicht ein Ereignis vertraut | 3 |
| Ziel | Gibt das Element, das das Ereignis ausgelöst | 2 |
| timestamp | Gibt die Zeit (in milliseconds relative to the epoch) , an dem das Ereignis erstellt wurde | 2 |
| Art | Gibt den Namen der Veranstaltung | 2 |
| Aussicht | Gibt einen Verweis auf das Fensterobjekt, wo das Ereignis aufgetreten | 2 |
Methods
| Methode | Beschreibung | DOM |
|---|
| preventDefault() | Bricht die Veranstaltung, wenn es kündbar ist, was bedeutet, dass die Standard-Aktion, die dem Ereignis gehört nicht auftreten | 2 |
| stopImmediatePropagation() | Verhindert, dass andere Hörer des gleichen Ereignisses aus dazu aufgerufen, | 3 |
| stopPropagation() | Verhindert die weitere Ausbreitung eines Ereignisses während des Ereignisablaufes | 2 |
Mouseevent-Objekt
| Eigentum | Beschreibung | DOM |
|---|
| alt" Taste | Gibt an, ob die "ALT" -Taste gedrückt wurde , wenn das Mausereignis ausgelöst wurde | 2 |
| Taste | Returns, welche Maustaste gedrückt wurde, wenn das Mausereignis ausgelöst wurde | 2 |
| Tasten | Resultate gibt, die Maustasten gedrückt wurden, wenn die Maus Ereignis ausgelöst wurde | 3 |
| clientX | Gibt die horizontale Koordinate des Mauszeigers relativ zum aktuellen Fenster, wenn die Maus Ereignis ausgelöst wurde | 2 |
| clientY | Gibt die vertikale Koordinate des Mauszeigers, bezogen auf das aktuelle Fenster, wenn die Maus Ereignis ausgelöst wurde | 2 |
| ctrlKey | Gibt zurück , ob die "CTRL" Taste gedrückt wurde , wenn die Maus Ereignis ausgelöst wurde | 2 |
| Detail | Gibt eine Zahl, die wie oft die Maus zeigt geklickt wurde | 2 |
| metaKey | Gibt an, ob die "META" Taste gedrückt wurde , wenn ein Ereignis ausgelöst wurde | 2 |
| pageX | Gibt die horizontale Koordinate des Mauszeigers relativ zu dem Dokument, wenn die Maus Ereignis ausgelöst wurde | |
| pageY | Gibt die vertikale Koordinate des Mauszeigers relativ zu dem Dokument, wenn die Maus Ereignis ausgelöst wurde | |
| related | Gibt das Element mit dem Element verbunden, dass das Maus-Ereignis ausgelöst | 2 |
| screenX | Gibt die horizontale Koordinate des Mauszeigers, bezogen auf den Bildschirm, wenn ein Ereignis ausgelöst wurde, | 2 |
| screenY | Gibt die vertikale Koordinate des Mauszeigers, bezogen auf den Bildschirm, wenn ein Ereignis ausgelöst wurde, | 2 |
| shift Taste | Gibt an, ob die "SHIFT" -Taste gedrückt wurde , wenn ein Ereignis ausgelöst wurde | 2 |
| welche | Returns, welche Maustaste gedrückt wurde, wenn das Mausereignis ausgelöst wurde | 2 |
Keyboard Object
| Eigentum | Beschreibung | DOM |
|---|
| alt" Taste | Gibt an, ob die "ALT" -Taste gedrückt wurde , wenn der Schlüssel Ereignis ausgelöst wurde | 2 |
| ctrlKey | Gibt an, ob die "CTRL" -Taste gedrückt wurde , wenn der Schlüssel Ereignis ausgelöst wurde | 2 |
| charCode | Gibt den Unicode-Zeichencode des Schlüssels, der das Ereignis ausgelöst onkeypress | 2 |
| Schlüssel | Gibt den Schlüsselwert des Schlüssels durch die Veranstaltung vertreten | 3 |
| keyCode | Gibt den Unicode-Zeichencode des Schlüssels, den das onkeypress Ereignis ausgelöst oder den Unicode-Tastencode des Schlüssels, der das onkeydown oder onkeyup Ereignis ausgelöst | 2 |
| Lage | Gibt die Position einer Taste auf der Tastatur oder Gerät | 3 |
| metaKey | Gibt an, ob die "meta" Taste gedrückt wurde , wenn der Schlüssel Ereignis ausgelöst wurde | 2 |
| shift Taste | Gibt an, ob die "SHIFT" -Taste gedrückt wurde , wenn der Schlüssel Ereignis ausgelöst wurde | 2 |
| welche | Gibt den Unicode-Zeichencode des Schlüssels, den das onkeypress Ereignis ausgelöst oder den Unicode-Tastencode des Schlüssels, der das onkeydown oder onkeyup Ereignis ausgelöst | 2 |
HashChangeEvent Object
| Eigentum | Beschreibung | DOM |
|---|
| newURL | Gibt die URL des Dokuments, nachdem der Hash wird geändert | |
| oldurl | Gibt die URL des Dokuments, bevor der Hash geändert wurde | |
PageTransitionEvent Object
| Eigentum | Beschreibung | DOM |
|---|
| beharren | Gibt zurück, ob wurde die Webseite vom Browser zwischengespeichert | |
Focus Object
| Eigentum | Beschreibung | DOM |
|---|
| related | Gibt das Element mit dem Element verbunden, dass das Ereignis ausgelöst | 3 |
AnimationEvent Object
TransitionEvent Object
| Eigentum | Beschreibung | DOM |
|---|
| Name des Anwesens | Gibt den Namen der CSS-Eigenschaft mit dem Übergang verbunden sind | |
| verstrichene Zeit | Gibt die Anzahl der Sekunden ein Übergang wurde ausgeführt | |
WheelEvent Object
| Eigentum | Beschreibung | DOM |
|---|
| deltaX | Gibt die horizontale Bildlauf Menge eines Mausrades (x-axis) | 3 |
| deltaY | Gibt die vertikale Bildlauf Menge eines Mausrades (y-axis) | 3 |
| DeltaZ | Gibt die Scroll Menge eines Mausrades für die z-Achse | 3 |
| deltaMode | Gibt eine Zahl, die die Einheit der Messungen für die Delta - Wert repräsentiert (pixels, lines or pages) | 3 |