Manuel de référence des événements HTML

Recommandation de cours :

Propriétés d'événement globales

HTML a la capacité de déclencher des actions dans le navigateur, par exemple, démarrer JavaScript lorsque l'utilisateur clique sur un élément. Tutoriel JavaScriptPour en savoir plus sur les événements de programmation, veuillez visiter notre

。

Voici les propriétés d'événement globales que vous pouvez ajouter à un élément HTML pour définir les opérations d'événement.

Propriétés d'événement de fenêtre

Attribut Valeur Description
Événements déclenchés pour l'objet window (appliqués à l'étiquette <body>) : script Script exécuté après l'impression du document.
onbeforeprint script Script exécuté avant l'impression du document.
onbeforeunload script Script exécuté avant le déchargement du document.
onerror script Script exécuté lorsque des erreurs se produisent.
onhaschange script Script exécuté lorsque le document a changé.
onload script Déclenché après que la page ait terminé le chargement.
onmessage script Script exécuté lorsque le message est déclenché.
onoffline script Script exécuté lorsque le document est hors ligne.
ononline script Script exécuté lorsque le document est en ligne.
onpagehide script Script exécuté lorsque la fenêtre disparaît.
onpageshow script Script exécuté lorsque la fenêtre devient visible.
onpopstate script Script exécuté lorsque l'historique de la fenêtre change.
onredo script Script exécuté lors de l'exécution du redone dans le document.
onresize script Déclenché lorsque la fenêtre du navigateur est agrandie.
onstorage script Script exécuté après la mise à jour de la zone de stockage Web.
onundo script Script exécuté lors de l'exécution de l'annulation dans le document.
onunload script Déclenché une fois que la page a été téléchargée (ou que la fenêtre du navigateur a été fermée).

Événements de formulaire

Événements déclenchés par l'action dans un formulaire HTML (appliqués à presque tous les éléments HTML, mais le plus souvent dans l'élément form) :

Attribut Valeur Description
onblur script Script exécuté lorsque l'élément perd le focus.
onchange script Script exécuté lorsque la valeur de l'élément change.
oncontextmenu script Script exécuté lorsque le menu contextuel est déclenché.
onfocus script Script exécuté lorsque l'élément obtient le focus.
onformchange script Script exécuté lorsque le formulaire change.
onforminput script Script exécuté lorsque le formulaire reçoit une entrée utilisateur.
oninput script Script exécuté lorsque l'élément reçoit une entrée utilisateur.
oninvalid script Script exécuté lorsque l'élément est invalide.
onreset script Déclenché lorsque le bouton de réinitialisation du formulaire est cliqué. Non pris en charge dans HTML5.
onselect script Déclenché après que le texte de l'élément a été sélectionné.
onsubmit script Déclenché lors de la soumission du formulaire.

Événements Keyboard

Attribut Valeur Description
onkeydown script Déclenché lorsque l'utilisateur appuie sur une touche.
onkeypress script Déclenché lorsque l'utilisateur appuie sur un bouton.
onkeyup script Déclenché lorsque l'utilisateur relâche une touche.

Événements Mouse

Événements déclenchés par des动作 de la souris ou similaires:

Attribut Valeur Description
onclick script Déclenché lorsque l'élément subit un clic de la souris.
ondblclick script Déclenché lorsque l'élément subit un double clic de la souris.
ondrag script Script exécuté lorsque l'élément est glissé.
ondragend script Script exécuté à la fin de l'opération de glisser-déposer.
ondragenter script Script exécuté lorsque l'élément est glissé dans une zone de glisser-déposer valide.
ondragleave script Script exécuté lorsque l'élément quitte une cible de glisser-déposer valide.
ondragover script Script exécuté lorsque l'élément est en train d'être glissé sur une cible de glisser-déposer valide.
ondragstart script Script exécuté au début de l'opération de glisser-déposer.
ondrop script Script exécuté lorsque l'élément en cours de glisser-déposer est en train d'être glissé.
onmousedown script Déclenché lorsque le bouton de la souris est appuyé sur l'élément.
onmousemove script Déclenché lorsque le curseur de la souris est placé sur l'élément.
onmouseout script Déclenché lorsque le curseur de la souris quitte l'élément.
onmouseover script Déclenché lorsque le curseur de la souris est placé sur l'élément.
onmouseup script Déclenché lorsque le bouton de la souris est relâché sur l'élément.
onmousewheel script Script exécuté lorsque le curseur de la souris est en train de dérouler.
onscroll script Script exécuté lorsque la barre de défilement de l'élément est déplacée.

Événements Media

Événements déclenchés par les médias (par exemple, vidéo, image et audio) (applicable à tous les éléments HTML, mais couramment utilisés dans les éléments média, tels que <audio>, <embed>, <img>, <object> et <video>):

Attribut Valeur Description
onabort script L'exécution du script lors de la sortie
oncanplay script L'exécution du script lorsque le fichier est prêt à commencer à jouer (lorsque le buffering est suffisant pour commencer)
oncanplaythrough script L'exécution du script lorsque le média peut jouer jusqu'à la fin sans avoir à arrêter pour se缓冲
ondurationchange script L'exécution du script lorsque la longueur du média change
onemptied script L'exécution du script lorsque le fichier devient soudainement indisponible en raison d'une panne (par exemple, une connexion imprévue est interrompue)
onended script L'exécution du script lorsque le média atteint la fin (peut envoyer des messages comme 'Merci de l'avoir regardé')
onerror script L'exécution du script lorsque des erreurs se produisent pendant le chargement du fichier
onloadeddata script L'exécution du script lorsque les données du média sont complètement chargées
onloadedmetadata script L'exécution du script lorsque les métadonnées (comme la résolution et la durée) sont chargées
onloadstart script L'exécution du script au début du chargement du fichier avant que des données ne soient effectivement chargées
onpause script L'exécution du script lorsque le média est mis en pause par l'utilisateur ou par un programme
onplay script L'exécution du script lorsque le média est prêt à commencer à jouer
onplaying script L'exécution du script lorsque le média commence à jouer
onprogress script L'exécution du script lorsque le navigateur est en train de récupérer les données du média
onratechange script L'exécution du script à chaque changement de taux de lecture (par exemple, lorsque l'utilisateur bascule en mode ralenti ou accéléré)
onreadystatechange script L'exécution du script à chaque changement d'état de préparation (le statut de préparation surveille l'état des données du média)
onseeked script L'exécution du script lorsque l'attribut seeking est réglé sur false (indiquant que la localisation est terminée)
onseeking script L'exécution du script lorsque l'attribut seeking est réglé sur true (indiquant que la localisation est active)
onstalled script L'exécution du script lorsque le navigateur ne parvient pas à récupérer les données du média pour une raison quelconque
onsuspend script L'exécution du script avant que les données du média ne soient complètement chargées, pour une raison quelconque
ontimeupdate script L'exécution du script lorsque la position de lecture change (par exemple, lorsque l'utilisateur accélère vers une position différente dans le média)
onvolumechange script L'exécution du script à chaque changement de volume (y compris lorsque le volume est réglé sur le silence)
onwaiting script L'exécution du script lorsque le média cesse de jouer mais est prévu pour continuer (par exemple, lorsque le média est en pause et plus de données sont mises en cache)