DOM nous permet d'écrire du code JS pour permettre aux éléments HTML de répondre à des événements :
interactions entre les utilisateurs et les pages web ; ex :
surveillance des clics sur les pages web : pour permettre à l'ordinateur de détecter cet événement ; se produit à tout moment . Exécutant ainsi certains programmes pré-écrits par les programmeurs ;
il existe deux manières principales de définir les écouteurs d'événements : onxxx et addEventListener() ;
la
de définir leurs attributs onxxx ;
() {
// Lorsque la case est cliquée, l'instruction ici sera exécutée} Nom | Description | de l'événement |
|---|---|
| onclick | lorsque la souris est simple sur un objet |
| ondblclick | lorsque la souris double-clique sur un objet |
| onmousedown | lorsqu'un bouton de la souris est enfoncé un objet |
| onmouseup | lorsqu'un bouton de la souris est relâché sur un objet |
| onmousemove | lorsqu'un bouton de la souris est déplacé sur un objet |
| onmouseenter | lorsque la souris entre dans un objet (événement similaire onmouseover) |
| onmouseleave | lorsque la souris quitte un objet (événement similaire onmouseout) |
| nom | de l'événementdescription de l'événement |
|---|---|
| onkeypress | lorsqu'une touche du clavier est enfoncée (les boutons du système tels que les touches fléchées et les touches de fonction ne peuvent pas être reconnus) |
| onkeydown | lorsqu'une touche du clavier est enfoncée (les boutons du système peuvent être reconnus et se produiront avant onkeypress) |
| onkeyup | Lorsqu'une touche du clavier est publié |
| Description | de l'événement |
|---|---|
onchange | Lorsque l'utilisateur modifie le contenu d'un champ de formulaire, cela déclenchera |
| onfocus | Lorsqu'un élément obtient le focus (comme la touche de tabulation ou un clic de souris) |
| onblur | lorsqu'un élément perd le focus |
| onsubmit | lorsque le le formulaire est soumis |
| de la réinitialisation | lorsque le formulaire est réinitialisé |
| Description | de l'événement |
|---|---|
| onload | lorsque la page ou l'image est terminée chargement |
| onunload | lorsque l'utilisateur quitte la page |
commence de l'extérieur vers l'intérieur (phase de capture) , puis de l'intérieur vers l'extérieur (phase de bouillonnement).
Cependant, écrire comme onxxx (niveau DOM 0) ne peut surveiller que la phase de bouillonnement;
vous devez donc utiliser la méthode addEventListener() (niveau DOM 2) ;
, fonction(){
// C'est la fonction de traitement des événements}, true) // true signifie écouter la phase de capture, false signifie écouter la phase de bouillonnement