JavaScript-HTML-Ereignis-Beispiel

Beispiel zur Reaktion auf Ereignisse mit JavaScript.

Eingabeereignisse

onblur - Wenn der Benutzer das Eingabefeld verlässt
onchange - Wenn der Benutzer den Inhalt des Eingabefelds ändert
onchange - Wenn der Benutzer einen Dropdown-Wert wählt
onfocus - Wenn das Eingabefeld in den Fokus gelangt
onselect - Wenn der Text in einem Eingabefeld ausgewählt wird
onsubmit - Wenn der Benutzer auf den Submit-Button klickt
onreset - Wenn der Benutzer auf den Reset-Button klickt
onkeydown - Wenn der Benutzer eine Taste drückt oder hält
onkeypress - Wenn der Benutzer eine Taste drückt oder hält
onkeyup - Wenn der Benutzer eine Taste loslässt
onkeyup - Wenn der Benutzer eine Taste loslässt
onkeydown vs onkeyup - Beide

Mausereignisse

onmouseover/onmouseout - Wenn der Mauszeiger über ein Element geht
onmousedown/onmouseup - Wenn der Mausknopf gedrückt oder gelöst wird
onmousedown - Wenn die Maus gedrückt wird: Welchen Element wurde geklickt?
onmousedown - Wenn auf die Maus geklickt wird: Welchen Button wurde geklickt?
onmousemove/onmouseout - Wenn der Mauszeiger in das div eingeführt oder aus dem div entfernt wird
onmouseover/onmouseout - Wenn der Mauszeiger in das Bild eingeführt oder aus dem Bild entfernt wird
onmouseover - Wenn der Mauszeiger auf dem Bildmappen liegt

Klickereignis

Reaktion auf das onclick-Ereignis
onclick - Wenn auf den Button geklickt wird
ondblclick - Wenn auf den Text geklickt wird

Ladeereignisse

onload - Nachdem die Seite geladen wurde
onload - Nachdem das Bild geladen wurde
onerror - Wenn ein Bild lädt, tritt ein Fehler auf
onunload - Wenn das Dokument des Browsers geschlossen wird
onresize - Wenn die Größe des Browserfensters angepasst wird

Andere

Was ist der Tastaturcode der Taste?
Was sind die Cursorkoordinaten?
Was sind die Cursorkoordinaten relativ zum Bildschirm?
Wurde die Umschalttaste gedrückt?
Welcher Ereignistyp trat auf?

Beispiel-Explain