Ci-dessous les principaux événements ie les interactions possible de l'utilisateur sur la page web.
Nom de l'événement | Action pour le déclencher |
---|---|
click | Cliquer (appuyer puis relâcher) sur l'élément |
dbclick | Double-cliquer sur l'élément |
mouseover | Faire entrer le curseur sur l'élément |
mouseout | Faire sortir le curseur de l'élément |
mousedown | Appuyer (sans relâcher) le bouton gauche de la souris sur l'élément |
mouseup | Relâcher le bouton gauche de la souris sur l'élément |
mousemove | Faire déplacer le curseur sur l'élément |
keydown | Appuyer (sans relâcher) une touche du clavier sur l'élément |
keyup | Relâcher une touche du clavier sur l'élément |
keypress | Appuyer et relâcher une touche du clavier sur l'élément |
focus | Cibler l'élément |
blur | Annuler le ciblage de l'élément |
change | Changer la valeur d'un élément spécifique aux formulaires |
select | Sélectionner le contenu d'un champs texte |
submit | Envoyer le formulaire |
reset | Réinitialiser le formulaire |
Cliquez sur un des 4 événemenst du tableau ci-dessus et jetez un oeil au source HTML. On n'utilisera plus jamais cette technique antédiluvienne. Une dernière fois sur un lien : Cliquez moi !
Cliquez sur le span
suivant : cliquez moi !
Event
La méthode consiste à utiliser une méthode pour enclencher ce qu'on appelle un listener sur un ou des événements (voir le code dans main.js
).
keydown | |
keyup | |
keypress |