JavaScript HTML-gebeurtenis-voorbeelden

Examples of using JavaScript to react to events.

Input events

onblur - When the user leaves the input field
onchange - When the user changes the content of the input field
onchange - When the user selects a dropdown value
onfocus - When the input field gains focus
onselect - When the input text is selected
onsubmit - When the user clicks the submit button
onreset - When the user clicks the reset button
onkeydown - When the user presses/holds down a key
onkeypress - When the user presses/holds down a key
onkeyup - When the user releases a key
onkeyup - When the user releases a key
onkeydown vs onkeyup - Both

Mouse events

onmouseover/onmouseout - When the mouse passes over an element
onmousedown/onmouseup - Wanneer de muisknop wordt ingedrukt/losgelaten
onmousedown - Wanneer de muis wordt ingedrukt: toon welke element is ingedrukt
onmousedown - Wanneer er op de muis wordt geklikt: toon welke knop is ingedrukt
onmousemove/onmouseout - Wanneer de muispijl in/uit de div wordt verplaatst
onmouseover/onmouseout - Wanneer de muispijl op de afbeelding wordt geplaatst/verplaatst
onmouseover - Wanneer de muispijl op de afbeeldingskaart wordt gehouden

Klikgebeurtenis

Reageer op het onclick-gebeurtenis
onclick - Wanneer er op de knop wordt geklikt
ondblclick - Wanneer er op de tekst wordt dubbelklikt

Ladevenementen

onload - Na het laden van de pagina
onload - Na het laden van de afbeelding
onerror - Wanneer een fout optreedt bij het laden van een afbeelding
onunload - Wanneer het document wordt gesloten
onresize - Wanneer de grootte van het browservenster wordt aangepast

Andere

Wat is de toetscode van de knop?
Wat zijn de cursorcoördinaten?
Wat zijn de cursorcoördinaten ten opzichte van het scherm?
Is de shift-toets ingedrukt?
Welk type gebeurtenis heeft plaatsgevonden?

Voorbeelden uitleg