Exemples d'événements DOM HTML en JavaScript
Exemples d'utilisation de JavaScript pour réagir aux événements
Événements d'entrée
onblur - Lorsque l'utilisateur quitte un champ de saisie onchange - Lorsque l'utilisateur change le contenu d'un champ de saisie onchange - Lorsque l'utilisateur sélectionne une valeur dans un menu déroulant onfocus - Lorsque le champ de saisie reçoit le focus onselect - Lorsque le texte d'entrée est sélectionné onsubmit - Lorsque l'utilisateur clique sur le bouton de soumission onreset - Lorsque l'utilisateur clique sur le bouton de réinitialisation onkeydown - Lorsque l'utilisateur appuie ou maintient une touche enfoncée onkeypress - Lorsque l'utilisateur appuie ou maintient une touche enfoncée onkeyup - Lorsque l'utilisateur relâche une touche (1) onkeyup - Lorsque l'utilisateur relâche une touche (2) onkeydown vs onkeyup - Les deux
Événements de souris
onmouseover/onmouseout - Lorsque la souris passe sur un élément onmousedown/onmouseup - Lors de l'appui ou du relâchement d'un bouton de souris onmousedown - Lorsque la souris est cliquée : Alerte sur quel élément onmousedown - Lorsque la souris est cliquée : Alerte sur quel bouton onmousemove/onmouseout - Lorsque le pointeur de la souris se déplace sur ou sort d'une image onmouseover/onmouseout - Lorsque la souris se déplace sur ou sort d'une image onmouseover sur une carte d'image
Événements de clic
Agir sur l'événement onclick onclick - Lorsque le bouton est cliqué ondblclick - Lorsque du texte est double-cliqué
Événements de chargement
onload - Lorsque la page a été chargée onload - Lorsque l'image a été chargée onerror - Lorsqu'une erreur se produit lors du chargement d'une image onunload - Lorsque le navigateur ferme le document onresize - Lorsque la fenêtre du navigateur est redimensionnée
Autres
Quel est le code de la touche pressée ? Quelles sont les coordonnées du curseur ? Quelles sont les coordonnées du curseur par rapport à l'écran ? La touche shift a-t-elle été pressée ? Quel type d'événement s'est produit ?