Les événements js dom incluent : abandonner, post-impression, flou, canplay, modifier, cliquer, copier, couper, dblclick, glisser, déposer, terminer, erreur, focus, ouvrir, charger, lire, etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Événements HTML DOM
Les événements HTML DOM permettent à JavaScript d'enregistrer différents gestionnaires d'événements sur les éléments d'un document HTML.
Les événements sont souvent utilisés conjointement avec des fonctions, qui ne sont exécutées que lorsque l'événement se produit (par exemple lorsque l'utilisateur clique sur un bouton).
Événement | Description |
---|---|
abort | Cet événement se produit lorsque le chargement du média est interrompu. |
afterprint | Cet événement se produit lorsque la page démarre l'impression ou lorsque la boîte de dialogue d'impression est fermée. |
animationend | CSS Cet événement se produit lorsque l'animation est terminée. |
animationiteration | Se produit lorsqu'une animation CSS est répétée. |
animationstart | Cet événement se produit lorsqu'une animation CSS démarre. |
beforeprint | Cet événement se produit lorsque la page est sur le point d'être imprimée. |
beforeunload | Cet événement se produit juste avant le déchargement du document. |
flou | Cet événement se produit lorsqu'un élément perd le focus. |
canplay | Cet événement se produit lorsque le navigateur peut commencer à lire des médias. |
canplaythrough | Cet événement se produit lorsque le navigateur peut lire le média sans arrêter la mise en mémoire tampon. |
change | Cet événement se produit lorsque le contenu, le contenu sélectionné ou l'état sélectionné de l'élément de formulaire change. |
click | Cet événement se produit lorsque l'utilisateur clique sur l'élément. |
contextmenu | Cet événement se produit lorsque l'utilisateur clique avec le bouton droit sur un élément pour ouvrir le menu contextuel. |
copy | Cet événement se produit lorsque l'utilisateur copie le contenu d'un élément. |
cut | Cet événement se produit lorsque l'utilisateur coupe le contenu d'un élément. |
dblclick | Cet événement se produit lorsque l'utilisateur double-clique sur un élément. |
drag | Cet événement se produit lorsqu'un élément est déplacé. |
dragend | Cet événement se produit lorsque l'utilisateur a fini de faire glisser l'élément. |
dragenter | Cet événement se produit lorsque l'élément glissé entre dans la cible de dépôt. |
dragleave | Cet événement se produit lorsque l'élément glissé quitte la cible de dépôt. |
drover | Cet événement se produit lorsque l'élément glissé se trouve au-dessus de la cible de dépôt. |
dragstart | Cet événement se produit lorsque l'utilisateur commence à faire glisser un élément. |
drop | Cet événement se produit lorsqu'un élément glissé est déposé sur la cible de dépôt. |
durationchange | Cet événement se produit lorsque la durée du média change. |
terminé | Cet événement se produit lorsque les médias arrivent à la fin. |
error | Cet événement se produit lorsqu'une erreur se produit lors du chargement d'un fichier externe. |
focus | Cet événement se produit lorsqu'un élément obtient le focus. |
focusin | Cet événement se produit lorsqu'un élément est sur le point de se concentrer. |
focusout | Cet événement se produit lorsqu'un élément est sur le point de perdre sa concentration. |
fullscreenchange | Cet événement se produit lorsque l'élément est affiché en mode plein écran. |
fullscreenerror | Cet événement se produit lorsqu'un élément ne peut pas être affiché en mode plein écran. |
hashchange | Cet événement se produit lorsque la partie d'ancrage de l'URL change. |
input | Cet événement se produit lorsqu'un élément reçoit une entrée de l'utilisateur. |
invalid | Cet événement se produit lorsque l'élément n'est pas valide. |
keydown | Cet événement se produit lorsque l'utilisateur appuie sur une touche. |
keypress | Cet événement se produit lorsque l'utilisateur appuie sur une touche. |
keyup | Cet événement se produit lorsque l'utilisateur relâche la clé. |
load | Cet événement se produit lorsque l'objet a été chargé. |
loadeddata | Cet événement se produit après le chargement des données multimédias. |
loadedmetadata | Cet événement se produit lorsque les métadonnées (telles que la taille et la durée) sont chargées. |
loadstart | Cet événement se produit lorsque le navigateur commence à rechercher le média spécifié. |
message | Cet événement se produit lorsqu'un message est reçu via cette source d'événement. |
mousedown | Cet événement se produit lorsque l'utilisateur appuie sur le bouton de la souris sur un élément. |
mouseenter | Cet événement se produit lorsque le pointeur se déplace sur l'élément. |
mouseleave | Cet événement se produit lorsque le pointeur sort de l'élément. |
mousemove | Cet événement se produit lorsque le pointeur se déplace sur l'élément. |
mouseout | Cet événement se produit lorsque l'utilisateur déplace le pointeur de la souris hors d'un élément ou d'un élément enfant à l'intérieur de celui-ci. |
mouseover | Cet événement se produit lorsque le pointeur se déplace sur un élément ou un élément enfant à l'intérieur de celui-ci. |
mouseup | Cet événement se produit lorsque l'utilisateur relâche le bouton de la souris sur un élément. |
hors ligne | Cet événement se produit lorsque le navigateur commence à fonctionner hors ligne. |
online | Cet événement se produit lorsque le navigateur commence à fonctionner en ligne. |
open | Cet événement se produit lorsqu'une connexion à la source de l'événement est ouverte. |
pagehide | Cet événement se produit lorsque l'utilisateur quitte une page pour naviguer. |
pageshow | Cet événement se produit lorsque l'utilisateur accède à une page Web. |
paste | Cet événement se produit lorsque l'utilisateur colle du contenu dans un élément. |
pause | Cet événement se produit lorsque le média est mis en pause par l'utilisateur ou par programme. |
play | Cet événement se produit lorsque le média a été démarré ou n'est plus en pause. |
playing | Cet événement se produit lorsque le média est mis en pause ou arrêté pour être lu après la mise en mémoire tampon. |
popstate | Cet événement se produit lorsque l'historique de la fenêtre change. |
progress | Cet événement se produit lorsque le navigateur est en train d'obtenir des données multimédias. |
ratechange | Cet événement se produit lorsque la vitesse de lecture multimédia change. |
reset | Cet événement se produit lorsque le formulaire est réinitialisé. |
resize | Cet événement se produit lorsque la vue du document est redimensionnée. |
scroll | Cet événement se produit lorsque la barre de défilement de l'élément de défilement défile. |
search | Cet événement se produit lorsque l'utilisateur tape dans le champ de recherche. |
seeked | Cet événement se produit lorsque l'utilisateur a fini de se déplacer/sauter vers un nouvel emplacement dans le média. |
seeking | Cet événement se produit lorsque l'utilisateur commence à se déplacer/sauter vers un nouvel emplacement dans le média. |
select | Cet événement se produit après que l'utilisateur sélectionne du texte (pour et |
show | Cet événement se produit lorsque l'élément |
stalled | Cet événement se produit lorsque le navigateur tente d'obtenir des données multimédias mais que les données ne sont pas disponibles. |
storage | Cet événement se produit lorsque la zone de stockage Web est mise à jour. |
submit | Cet événement se produit lorsqu'un formulaire est soumis. |
suspend | Cet événement se produit lorsque le navigateur n'obtient pas intentionnellement de données multimédias. |
timeupdate | Cet événement se produit lorsque la position de lecture change. |
toggle | Cet événement se produit lorsque l'utilisateur ouvre ou ferme l'élément |
touchcancel | Cet événement se produit lorsque le toucher est interrompu. |
touchend | Cet événement se produit lorsque le doigt est retiré de l'écran tactile. |
touchmove | Cet événement se produit lorsque le doigt est glissé sur l'écran. |
touchstart | Cet événement se produit lorsqu'un doigt est placé sur l'écran tactile. |
transitionend | Cet événement se produit lorsque la transition CSS est terminée. |
unload | Cet événement se produit après le déchargement de la page (pour ). |
changement de volume | Cet événement se produit lorsque le volume du média a été modifié. |
waiting | Cet événement se produit lorsque les médias ont été mis en pause mais devraient reprendre. |
wheel | Cet événement se produit lorsque la molette de la souris défile vers le haut ou vers le bas sur un élément. |
【Apprentissage recommandé : Tutoriel avancé javascript】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!