Événements de chargement/déchargement de page
Séquence de déclenchement :
DOMContentLoaded -> charger -> avant déchargement
| événement | objet | déclenchement |
| DOMContentLoaded | document fenêtre |
Les documents HTML (arbres DOM) sont chargés en mémoire et analysés. Déclenché avant le chargement. |
| charger | fenêtre | Document HTML (arborescence DOM), css, images, lorsqu'il est chargé et analysé |
| avant le déchargement | fenêtre | Fermez l'onglet, la fenêtre du navigateur, lors de l'actualisation de la page. Déclenché avant le déchargement. |
événement de mise au point (DOM)
Utilisé pour : lors de l'interaction avec les contrôles de formulaire.
| événement | déclenchement |
| se concentrer | lorsque l'élément obtient le focus |
| se brouiller | lorsque l'élément perd le focus |
Événements de souris (DOM)
Déclencher un événement lors d'un clic : bas -> haut -> clic
| événement | déclenchement |
| Cliquez sur | Lorsque le bouton principal de la souris est enfoncé et relâché sur un élément |
| souris vers le bas | Lorsqu'un bouton de la souris est enfoncé sur l'élément |
| souris vers le haut | Lorsqu'un bouton de la souris est relâché après avoir appuyé sur l'élément |
| survol de la souris | L'événement de l'événement A est déclenché lorsque la souris passe de l'élément A à la zone de bordure de l'élément ou de ses éléments enfants |
| mouseout | Cet événement de l'élément A est déclenché lorsque la souris passe de l'élément A à la bordure de l'élément ou à l'extérieur de ses sous-éléments, ou lorsque la souris entre dans un sous-élément |
| déplacement de la souris | Lorsque la souris est déplacée sur l'élément (se déclenche à plusieurs reprises) |
| menu contextuel | Lors de l'ouverture du menu contextuel (menu contextuel) |
Événements clavier (DOM)
Déclenché lorsque l'utilisateur appuie sur une touche du clavier
Séquence de déclenchement : keydown -> keyup
| événement | déclenchement |
| touche Bas | Lorsqu'une touche est enfoncée (appuyez et maintenez se déclenchera à plusieurs reprises) |
| keyup | Se produit après la modification de la valeur de la zone de saisie lorsqu'une touche est enfoncée et relâchée |
Événements d'éléments liés au formulaire
Utilisé lorsque l'utilisateur interagit avec un formulaire ou un contrôle de formulaire
| événement | déclenchement |
| saisir | Lorsque la valeur de l'entrée, sélectionnez, le contrôle de la zone de texte est modifié |
| changement | Lorsque la valeur de l'élément est modifiée et soumise, elle est utilisée lorsque la valeur des contrôles de sélection, d'option et de case à cocher change |
| soumettre | Lorsque le formulaire est soumis au serveur |