Zu den
js-Dom-Ereignissen gehören: Abbruch, Nachdruck, Unschärfe, Abspielen, Ändern, Klicken, Kopieren, Ausschneiden, Doppelklick, Ziehen, Ablegen, Beendet, Fehler, Fokus, Öffnen, Laden, Abspielen usw.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
HTML-DOM-Ereignisse
HTML-DOM-Ereignisse ermöglichen es JavaScript, verschiedene Ereignishandler für Elemente in einem HTML-Dokument zu registrieren.
Ereignisse werden häufig in Verbindung mit Funktionen verwendet, die erst ausgeführt werden, wenn das Ereignis eintritt (z. B. wenn der Benutzer auf eine Schaltfläche klickt).
| Ereignis | Beschreibung |
|---|---|
| abort | Dieses Ereignis tritt auf, wenn das Laden des Mediums abgebrochen wird. |
| afterprint | Dieses Ereignis tritt auf, wenn die Seite mit dem Drucken beginnt oder wenn das Druckdialogfeld geschlossen wird. |
| animationend | CSS Dieses Ereignis tritt auf, wenn die Animation abgeschlossen ist. |
| animationiteration | Tritt auf, wenn eine CSS-Animation wiederholt wird. |
| animationstart | Dieses Ereignis tritt ein, wenn eine CSS-Animation startet. |
| beforeprint | Dieses Ereignis tritt ein, wenn die Seite gedruckt werden soll. |
| beforeunload | Dieses Ereignis tritt unmittelbar vor dem Entladen des Dokuments auf. |
| Unschärfe | Dieses Ereignis tritt auf, wenn ein Element den Fokus verliert. |
| canplay | Dieses Ereignis tritt ein, wenn der Browser mit der Medienwiedergabe beginnen kann. |
| canplaythrough | Dieses Ereignis tritt auf, wenn der Browser die Medien abspielen kann, ohne die Pufferung zu stoppen. |
| Ändern | Dieses Ereignis tritt auf, wenn sich der Inhalt, der ausgewählte Inhalt oder der ausgewählte Status des Formularelements ändert. |
| Klicken | Dieses Ereignis tritt auf, wenn der Benutzer auf das Element klickt. |
| Kontextmenü | Dieses Ereignis tritt auf, wenn der Benutzer mit der rechten Maustaste auf ein Element klickt, um das Kontextmenü zu öffnen. |
| kopieren | Dieses Ereignis tritt auf, wenn der Benutzer den Inhalt eines Elements kopiert. |
| cut | Dieses Ereignis tritt ein, wenn der Benutzer den Inhalt eines Elements ausschneidet. |
| dblclick | Dieses Ereignis tritt auf, wenn der Benutzer auf ein Element doppelklickt. |
| Drag | Dieses Ereignis tritt auf, wenn ein Element gezogen wird. |
| dragend | Dieses Ereignis tritt auf, wenn der Benutzer das Ziehen des Elements abgeschlossen hat. |
| dragenter | Dieses Ereignis tritt ein, wenn das gezogene Element in das Ablageziel gelangt. |
| dragleave | Dieses Ereignis tritt auf, wenn das gezogene Element das Ablageziel verlässt. |
| Dragover | Dieses Ereignis tritt auf, wenn sich das gezogene Element über dem Ablageziel befindet. |
| dragstart | Dieses Ereignis tritt ein, wenn der Benutzer mit dem Ziehen eines Elements beginnt. |
| drop | Dieses Ereignis tritt auf, wenn ein gezogenes Element auf dem Drop-Ziel abgelegt wird. |
| Daueränderung | Dieses Ereignis tritt auf, wenn sich die Mediendauer ändert. |
| beendet | Dieses Ereignis tritt ein, wenn die Medien das Ende erreichen. |
| Fehler | Dieses Ereignis tritt auf, wenn beim Laden einer externen Datei ein Fehler auftritt. |
| Fokus | Dieses Ereignis tritt auf, wenn ein Element den Fokus erhält. |
| focusin | Dieses Ereignis tritt auf, wenn ein Element im Begriff ist, den Fokus zu gewinnen. |
| focusout | Dieses Ereignis tritt auf, wenn ein Element kurz davor steht, den Fokus zu verlieren. |
| Vollbildwechsel | Dieses Ereignis tritt auf, wenn das Element im Vollbildmodus angezeigt wird. |
| Vollbildfehler | Dieses Ereignis tritt auf, wenn ein Element nicht im Vollbildmodus angezeigt werden kann. |
| hashchange | Dieses Ereignis tritt auf, wenn sich der Ankerteil der URL ändert. |
| Eingabe | Dieses Ereignis tritt auf, wenn ein Element Benutzereingaben erhält. |
| invalid | Dieses Ereignis tritt auf, wenn das Element ungültig ist. |
| keydown | Dieses Ereignis tritt auf, wenn der Benutzer eine Taste drückt. |
| Tastendruck | Dieses Ereignis tritt auf, wenn der Benutzer eine Taste drückt. |
| keyup | Dieses Ereignis tritt auf, wenn der Benutzer die Taste loslässt. |
| load | Dieses Ereignis tritt auf, wenn das Objekt geladen wurde. |
| loadeddata | Dieses Ereignis tritt auf, nachdem die Mediendaten geladen wurden. |
| loadedmetadata | Dieses Ereignis tritt auf, wenn Metadaten (wie Größe und Dauer) geladen werden. |
| loadstart | Dieses Ereignis tritt auf, wenn der Browser mit der Suche nach dem angegebenen Medium beginnt. |
| Nachricht | Dieses Ereignis tritt ein, wenn eine Nachricht über diese Ereignisquelle empfangen wird. |
| mousedown | Dieses Ereignis tritt auf, wenn der Benutzer die Maustaste auf ein Element drückt. |
| mouseenter | Dieses Ereignis tritt auf, wenn sich der Zeiger über das Element bewegt. |
| mouseleave | Dieses Ereignis tritt auf, wenn sich der Zeiger aus dem Element bewegt. |
| mousemove | Dieses Ereignis tritt auf, wenn sich der Zeiger über das Element bewegt. |
| mouseout | Dieses Ereignis tritt auf, wenn der Benutzer den Mauszeiger aus einem Element oder einem darin enthaltenen untergeordneten Element heraus bewegt. |
| Mouseover | Dieses Ereignis tritt ein, wenn der Zeiger über ein Element oder ein darin enthaltenes untergeordnetes Element bewegt wird. |
| mouseup | Dieses Ereignis tritt auf, wenn der Benutzer die Maustaste auf dem Element loslässt. |
| offline | Dieses Ereignis tritt auf, wenn der Browser offline zu arbeiten beginnt. |
| online | Dieses Ereignis tritt auf, wenn der Browser online zu arbeiten beginnt. |
| open | Dieses Ereignis tritt auf, wenn eine Verbindung zur Ereignisquelle geöffnet wird. |
| pagehide | Dieses Ereignis tritt auf, wenn der Benutzer eine Seite verlässt, um zu navigieren. |
| pageshow | Dieses Ereignis tritt auf, wenn der Benutzer zu einer Webseite navigiert. |
| Einfügen | Dieses Ereignis tritt auf, wenn der Benutzer Inhalte in ein Element einfügt. |
| Pause | Dieses Ereignis tritt auf, wenn das Medium vom Benutzer oder programmgesteuert angehalten wird. |
| play | Dieses Ereignis tritt auf, wenn das Medium gestartet wurde oder nicht mehr pausiert ist. |
| Wiedergabe | Dieses Ereignis tritt auf, wenn die Wiedergabe des Mediums nach dem Puffern angehalten oder gestoppt wird. |
| popstate | Dieses Ereignis tritt auf, wenn sich der Verlauf des Fensters ändert. |
| progress | Dieses Ereignis tritt auf, wenn der Browser gerade Mediendaten abruft. |
| Ratechange | Dieses Ereignis tritt auf, wenn sich die Medienwiedergabegeschwindigkeit ändert. |
| reset | Dieses Ereignis tritt auf, wenn das Formular zurückgesetzt wird. |
| Größe ändern | Dieses Ereignis tritt auf, wenn die Größe der Dokumentansicht geändert wird. |
| scroll | Dieses Ereignis tritt auf, wenn die Bildlaufleiste des Bildlaufelements gescrollt wird. |
| Suche | Dieses Ereignis tritt auf, wenn der Benutzer etwas in das Suchfeld eingibt. |
| seeked | Dieses Ereignis tritt auf, wenn der Benutzer die Bewegung/den Sprung zu einer neuen Position in den Medien beendet hat. |
| seeking | Dieses Ereignis tritt auf, wenn der Benutzer beginnt, sich an eine neue Stelle in den Medien zu bewegen/zu springen. |
| select | Dieses Ereignis tritt ein, nachdem der Benutzer Text ausgewählt hat (für und |
