English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuel de référence HTML

Complète des balises HTML

Événements HTML

La valeur du gestionnaire d'événements est une ou plusieurs expressions Javascript, méthodes et appels de fonctions séparées par des points-virgules, et encadrées par des guillemets. Lorsque l'événement se produit, le navigateur exécute ce code.

Attributs d'événement globaux

HTML 4 L'une des nouvelles caractéristiques est de permettre à l'événement HTML de déclencher un comportement dans le navigateur, par exemple, d'exécuter un segment de JavaScript lorsque l'utilisateur clique sur un élément HTML.

Le tableau suivant fournit les attributs d'événements standard, qui peuvent être insérés dans HTML/Dans les éléments XHTML, pour définir le comportement des événements.

HTML5 : HTML5Nouveaux événements d'attributs.

Attributs d'événement de fenêtre (Window Event Attributes)

L'événement déclenché par la fenêtre (aplicable au balise <body>):

AttributValeurDescription
onafterprintHTML5scriptLe script s'exécute après l'impression du document
onbeforeprintHTML5scriptLe script s'exécute avant l'impression du document
onbeforeonloadHTML5scriptLe script s'exécute avant le chargement du document
onblurscriptLe script s'exécute lorsque la fenêtre perd le focus
onerrorHTML5scriptLe script s'exécute lorsque l'erreur se produit
onfocusscriptLe script s'exécute lorsque la fenêtre obtient le focus
onhaschangeHTML5scriptLe script s'exécute lorsque le document change
onloadscriptLe script s'exécute lorsque le document est chargé
onmessageHTML5scriptLe script s'exécute lorsque le message est déclenché
onofflineHTML5scriptLe script s'exécute lorsque le document est hors ligne
ononlineHTML5scriptLe script s'exécute lorsque le document est en ligne
onpagehideHTML5scriptLe script s'exécute lorsque la fenêtre est masquée
onpageshowHTML5scriptLe script s'exécute lorsque la fenêtre est visible
onpopstateHTML5scriptLe script s'exécute lorsque l'historique de la fenêtre change
onredoHTML5scriptLe script s'exécute lorsque le document effectue une action de reprise (redo)
onresizeHTML5scriptLe script s'exécute lorsque la taille de la fenêtre est ajustée
onstorageHTML5scriptLe script s'exécute lorsque la zone de stockage Web est mise à jour (quand les données dans l'espace de stockage changent)
onundoHTML5scriptLe script s'exécute lorsque le document effectue un annulation
onunloadHTML5scriptLe script s'exécute lorsque l'utilisateur quitte le document

Événements de formulaire (Form Events)

Les événements de formulaire sont déclenchés dans les formulaires HTML (applicable à tous les éléments HTML, mais l'élément HTML doit être à l'intérieur du formulaire):

AttributValeurDescription
onblurscriptLe script s'exécute lorsque l'élément perd le focus
onchangescriptLe script s'exécute lorsque l'élément change
oncontextmenuHTML5scriptLe script s'exécute lorsque le menu contextuel est déclenché
onfocusscriptLe script s'exécute lorsque l'élément obtient le focus
onformchangeHTML5scriptLe script s'exécute lorsque le formulaire change
onforminputHTML5scriptLe script s'exécute lorsque le formulaire reçoit une entrée utilisateur
oninputHTML5scriptLe script s'exécute lorsque l'élément reçoit une entrée utilisateur
oninvalidHTML5scriptLe script s'exécute lorsque l'élément est invalide
onresetscriptLe script s'exécute lorsque le formulaire est réinitialisé. HTML 5 Non pris en charge.
onselectscriptLe script s'exécute lorsque l'élément est sélectionné
onsubmitscriptLe script s'exécute lorsque le formulaire est soumis

Événements de clavier (Keyboard Events)

AttributValeurDescription
onkeydownscriptLe script s'exécute lorsque la touche est enfoncée
onkeypressscriptLe script s'exécute lorsque la touche est enfoncée et relâchée
onkeyupscriptLe script s'exécute lorsque la touche est relâchée

Événements de souris (Mouse Events)

Déclencher des événements via la souris, similaire aux comportements de l'utilisateur:

AttributValeurDescription
onclickscriptLe script s'exécute lorsque le bouton de la souris est cliqué
ondblclickscriptLe script s'exécute lorsque le bouton de la souris est double-clic
onmousedownscriptLe script s'exécute lorsque le bouton de la souris est enfoncé
onmousemovescriptLe script s'exécute lorsque le curseur de la souris bouge
onmouseoutscriptLe script s'exécute lorsque le curseur de la souris quitte l'élément
onmouseoverscriptLe script s'exécute lorsque le curseur de la souris est placé au-dessus de l'élément
onmouseupscriptLe script s'exécute lorsque le bouton de la souris est relâché
onmousewheelHTML5scriptLe script s'exécute lorsque le curseur de la souris est tourné

Événements de glisser-déposer (Drag Events)

Déclenché par le glisser-déposer de la souris, similaire au comportement de l'utilisateur:

AttributValeurDescription
ondragHTML5scriptLe script s'exécute lorsque l'élément est glissé
ondragendHTML5scriptLe script s'exécute lorsque le glisser-déposer se termine
ondragenterHTML5scriptLe script s'exécute lorsque l'élément est glissé vers une cible de glisser-déposer valide
ondragleaveHTML5scriptLe script s'exécute lorsque l'élément quitte une cible de glisser-déposer valide
ondragoverHTML5scriptLe script s'exécute lorsque l'élément est glissé au-dessus d'une cible de glisser-déposer valide
ondragstartHTML5scriptLe script s'exécute lorsque le glisser-déposer commence
ondropHTML5scriptLe script s'exécute lorsque l'élément en cours de glisser-déposer est en train d'être glissé-déposé
onscrollHTML5scriptLe script s'exécute lorsque la barre de défilement d'un élément de défilement est activée

Événements multimédias (Media Events)

Déclenché par des vidéos (videos), des images (images) ou de l'audio (audio), cet événement est souvent utilisé dans les éléments de média HTML tels que <audio>, <embed>, <img>, <object>, et <video>):

AttributValeurDescription
onabortscriptLe script s'exécute lorsque se produit un événement d'annulation
oncanplayHTML5scriptLe script s'exécute lorsque le média peut commencer à être joué mais peut nécessiter un arrêt en raison du buffering
oncanplaythroughHTML5scriptLe script s'exécute lorsque le média peut être joué jusqu'à la fin sans avoir à arrêter en raison du buffering
ondurationchangeHTML5scriptLe script s'exécute lorsque la longueur du média change
onemptiedHTML5scriptLe script s'exécute lorsque l'élément de média de ressource est soudainement vide (erreurs de réseau, erreurs de chargement, etc.)
onendedHTML5scriptLe script s'exécute lorsque le média atteint la fin
onerrorHTML5scriptLe script s'exécute lorsque se produit une erreur pendant le chargement de l'élément
onloadeddataHTML5scriptLe script s'exécute pendant le chargement des données de média
onloadedmetadataHTML5scriptLe script s'exécute lorsque la durée de l'élément de média et d'autres données de média sont chargées
onloadstartHTML5scriptLe script s'exécute lorsque le navigateur commence à charger les données de média
onpauseHTML5scriptLe script s'exécute lorsque les données de média sont en pause
onplayHTML5scriptLe script s'exécute lorsque les données de média vont commencer à être jouées
onplayingHTML5scriptLe script s'exécute lorsque les données de média commencent à être jouées
onprogressHTML5scriptLe script s'exécute pendant que le navigateur récupère les données de média
onratechangeHTML5scriptExécute le script lorsque la vitesse de lecture des données de média change
onreadystatechangeHTML5scriptExécute le script lorsque l'état prêt (ready-state) change
onseekedHTML5scriptExécute le script lorsque l'attribut de positionnement de l'élément de média [1] n'est plus vrai et que la positionnement a été terminée
onseekingHTML5scriptExécute le script lorsque l'attribut de positionnement de l'élément de média est vrai et que la positionnement a commencé
onstalledHTML5scriptExécute le script lorsque des erreurs se produisent pendant le processus de récupération des données de média (retardé)
onsuspendHTML5scriptExécute le script lorsque le navigateur est en train de récupérer des données de média mais a arrêté avant d'obtenir tout le fichier de média
ontimeupdateHTML5scriptExécute le script lorsque le média change sa position de lecture
onvolumechangeHTML5scriptExécute le script lorsque le volume du média change ou lorsque le volume est mis en sourdine
onwaitingHTML5scriptExécute le script lorsque le média a arrêté de jouer mais est prêt à continuer

Autres événements

AttributValeurDescription
onshowHTML5scriptDéclenché lorsque l'élément <menu> est affiché dans le contexte
ontoggleHTML5scriptDéclenché lorsque l'utilisateur ouvre ou ferme l'élément <details>