HTML - Référence des événements
Lorsque les utilisateurs visitent votre site Web, ils font des choses comme cliquer sur divers liens, placer la souris sur du texte et des images, etc. Ce sont des exemples de ce que nous appelons des événements dans les terminologies JavaScript et VBScript.
Nous pouvons écrire nos gestionnaires d'événements en utilisant JavaScript ou VBScript et pouvons spécifier certaines actions à entreprendre contre ces événements. Bien que ce soient les événements, ils seront spécifiés comme attributs pour les balises HTML.
La spécification HTML 4.01 avait défini 19 événements, mais plus tard HTML-5 a ajouté de nombreux autres événements que nous avons listés ici -
Attributs d'événements de fenêtre
Les événements suivants ont été introduits dans les anciennes versions de HTML, mais toutes les balises marquées font partie de HTML-5.
Événements | HTML-5 | La description |
---|---|---|
sur la réimpression | Déclenchement après l'impression d'un document | |
onbeforeprint | Déclenchements avant l'impression d'un document | |
onbeforeonload | Déclenchements avant le chargement d'un document | |
onerror | Se déclenche lorsqu'une erreur se produit | |
onhaschange | Se déclenche lorsqu'un document a changé | |
en charge | Se déclenche lors du chargement d'un document | |
message | Se déclenche lorsqu'un message est déclenché | |
en ligne | Se déclenche lorsqu'un document est hors ligne | |
en ligne | Déclenchement lorsqu'un document est mis en ligne | |
onpagehide | Se déclenche lorsqu'une fenêtre est masquée | |
onpageshow | Se déclenche lorsqu'une fenêtre devient visible | |
onpopstate | Se déclenche lorsque l'historique d'une fenêtre change | |
onredo | Se déclenche lorsqu'un document effectue une restauration | |
onresize | Se déclenche lorsqu'une fenêtre est redimensionnée | |
au stockage | Se déclenche lors du chargement d'un document | |
onundo | Se déclenche lorsqu'un document effectue une annulation | |
en déchargement | Se déclenche lorsqu'un utilisateur quitte le document |
Événements de formulaire
Les balises suivantes ont été introduites dans les anciennes versions de HTML, mais toutes les balises marquées font partie de HTML-5.
Événements | HTML-5 | La description |
---|---|---|
le flou | Se déclenche lorsqu'une fenêtre perd le focus | |
sur le changement | Se déclenche lorsqu'un élément change | |
oncontextmenu | Déclenchement lorsqu'un menu contextuel est déclenché | |
onfocus | Se déclenche lorsqu'une fenêtre obtient le focus | |
onformchange | Se déclenche lorsqu'un formulaire change | |
onforminput | Se déclenche lorsqu'un formulaire reçoit une entrée utilisateur | |
en entrée | Se déclenche lorsqu'un élément reçoit une entrée utilisateur | |
oninvalid | Se déclenche lorsqu'un élément n'est pas valide | |
une réinitialisation | Se déclenche lorsqu'un formulaire est réinitialisé | |
onselect | Se déclenche lorsqu'un élément est sélectionné | |
onsubmit | Se déclenche lorsqu'un formulaire est soumis |
Événements de clavier
Événements | HTML-5 | La description |
---|---|---|
onkeydown | Se déclenche lorsqu'une touche est enfoncée | |
onkeypress | Se déclenche lorsqu'une touche est enfoncée et relâchée | |
onkeyup | Se déclenche lorsqu'une touche est relâchée |
Événements de souris
Les balises suivantes ont été introduites dans les anciennes versions de HTML, mais toutes les balises marquées font partie de HTML-5.
Événements | HTML-5 | La description |
---|---|---|
sur clic | Déclenchement par un clic de souris | |
ondblclick | Déclenchement par un double-clic de souris | |
ondrag | Se déclenche lorsqu'un élément est déplacé | |
ondragend | Déclenchements à la fin d'une opération de glissement | |
ondragenter | Se déclenche lorsqu'un élément a été glissé vers une cible de dépôt valide | |
ondragleave | Se déclenche lorsqu'un élément quitte une cible de dépôt valide | |
ondragover | Se déclenche lorsqu'un élément est glissé sur une cible de dépôt valide | |
ondragstart | Se déclenche au début d'une opération de glissement | |
ondrop | Se déclenche lorsqu'un élément glissé est déposé | |
onmousedown | Se déclenche lorsqu'un bouton de la souris est enfoncé | |
à la souris | Se déclenche lorsque le pointeur de la souris se déplace | |
à la souris | Se déclenche lorsque le pointeur de la souris sort d'un élément | |
onmouseover | Se déclenche lorsque le pointeur de la souris se déplace sur un élément | |
onmouseup | Se déclenche lorsqu'un bouton de la souris est relâché | |
roue de secours | Se déclenche lors de la rotation de la molette de la souris | |
onscroll | Se déclenche lorsque la barre de défilement d'un élément est en cours de défilement |
Événements médiatiques
Les balises suivantes ont été introduites dans les anciennes versions de HTML, mais toutes les balises marquées font partie de HTML-5.
Événements | HTML-5 | La description |
---|---|---|
onabort | Déclenchements sur un événement d'abandon | |
oncanplay | Se déclenche lorsqu'un média peut démarrer la lecture, mais peut devoir s'arrêter pour la mise en mémoire tampon | |
oncanplaythrough | Se déclenche lorsqu'un média peut être lu jusqu'à la fin, sans s'arrêter pour la mise en mémoire tampon | |
ondurationchange | Se déclenche lorsque la longueur d'un média est modifiée | |
onemptied | Se déclenche lorsqu'un élément de ressource multimédia devient soudainement vide. | |
reporté | Se déclenche lorsqu'un média a atteint la fin | |
onerror | Se déclenche lorsqu'une erreur se produit | |
onloadeddata | Se déclenche lorsque les données multimédias sont chargées | |
onloadedmetadata | Se déclenche lorsque la durée et d'autres données multimédias d'un élément multimédia sont chargées | |
onloadstart | Se déclenche lorsque le navigateur commence à charger les données multimédias | |
en pause | Se déclenche lorsque les données multimédias sont mises en pause | |
onplay | Se déclenche lorsque la lecture des données multimédias va commencer | |
en cours de lecture | Se déclenche lorsque la lecture des données multimédias a commencé | |
progresse | Se déclenche lorsque le navigateur récupère les données multimédias | |
onratechange | Se déclenche lorsque la vitesse de lecture des données multimédias a changé | |
onreadystatechange | Se déclenche lorsque l'état prêt change | |
à la recherche | Se déclenche lorsque l'attribut de recherche d'un élément multimédia n'est plus vrai et que la recherche est terminée | |
à la recherche | Se déclenche lorsque l'attribut de recherche d'un élément multimédia est vrai et que la recherche a commencé | |
installé | Se déclenche lorsqu'il y a une erreur lors de la récupération des données multimédias | |
mise en suspension | Se déclenche lorsque le navigateur a récupéré des données multimédias, mais s'est arrêté avant que l'intégralité du fichier multimédia ait été récupérée | |
à jour | Se déclenche lorsque le média change sa position de lecture | |
onvolumechange | Se déclenche lorsqu'un média change le volume, également lorsque le volume est réglé sur "muet" | |
en attente | Se déclenche lorsque la lecture du contenu multimédia a cessé, mais devrait reprendre |