Exemple d'événement HTML / JavaScript

Exemple d'utilisation de JavaScript pour réagir aux événements.

Événements d'entrée

onblur - Lorsque l'utilisateur quitte le champ d'entrée
onchange - Lorsque l'utilisateur modifie le contenu du champ d'entrée
onchange - Lorsque l'utilisateur sélectionne une valeur de liste déroulante
onfocus - Lorsque le champ d'entrée obtient le focus
onselect - Lorsque le texte d'entrée est sélectionné
onsubmit - Lorsque l'utilisateur clique sur le bouton soumettre
onreset - Lorsque l'utilisateur clique sur le bouton réinitialiser
onkeydown - Lorsque l'utilisateur appuie ou tient une touche
onkeypress - Lorsque l'utilisateur appuie ou tient une touche
onkeyup - Lorsque l'utilisateur libère une touche
onkeyup - Lorsque l'utilisateur libère une touche
onkeydown vs onkeyup - Les deux

Événements de souris

onmouseover/onmouseout - Lorsque la souris passe sur un élément
onmousedown/onmouseup - Lorsque le bouton de la souris est appuyé/libéré
onmousedown - Lorsque le bouton de la souris est appuyé : indiquer quel élément a été cliqué
onmousedown - Lorsque le bouton de la souris est cliqué : indiquer quel bouton a été cliqué
onmousemove/onmouseout - Lorsque le pointeur de la souris est déplacé vers/d'une div
onmouseover/onmouseout - Lorsque le pointeur de la souris est déplacé vers/d'une image
onmouseover - Lorsque le curseur est placé sur la carte d'image

Événement de clic

Réagir à l'événement onclick
onclick - Lorsque le bouton est cliqué
ondblclick - Lorsque le texte est double-cliqué

Événement de chargement

onload - Après le chargement de la page
onload - Après le chargement de l'image
onerror - Lorsque des erreurs se produisent lors du chargement des images
onunload - Lorsque le document du navigateur est fermé
onresize - Lorsque la taille de la fenêtre du navigateur est ajustée

Autres

Quel est le code de la touche ?
Quelles sont les coordonnées du curseur ?
Quelles sont les coordonnées du curseur par rapport à l'écran ?
Est-ce que la touche shift est appuyée ?
Quel type d'événement se produit ?

Explication des exemples