Element

Propriétés d'instance

Element hérite des propriétés de son interface parente, Node, et par extension de celles de l'interface parente de celle-ci, EventTarget.

Element.activeViewTransition Lecture seule

Retourne une instance de ViewTransition représentant la transition de vue actuellement active sur un élément.

Element.assignedSlot Lecture seule

Retourne un objet HTMLSlotElement représentant le <slot> dans lequel le nœud est inséré.

Element.attributes Lecture seule

Retourne un objet NamedNodeMap contenant les attributs assignés de l'élément HTML correspondant.

Element.childElementCount Lecture seule

Retourne le nombre d'éléments enfants de cet élément.

Element.children Lecture seule

Retourne les éléments enfants de cet élément.

Element.classList Lecture seule

Retourne un objet DOMTokenList contenant la liste des attributs de classe.

Element.className

Une chaîne de caractères représentant la classe de l'élément.

Element.clientHeight Lecture seule

Retourne un nombre représentant la hauteur intérieure de l'élément.

Element.clientLeft Lecture seule

Retourne un nombre représentant la largeur de la bordure gauche de l'élément.

Element.clientTop Lecture seule

Retourne un nombre représentant la largeur de la bordure supérieure de l'élément.

Element.clientWidth Lecture seule

Retourne un nombre représentant la largeur intérieure de l'élément.

Element.currentCSSZoom Lecture seule

Un nombre indiquant la taille de zoom effective de l'élément, ou 1.0 si l'élément n'est pas rendu.

Element.customElementRegistry Lecture seule

L'objet CustomElementRegistry associé à cet élément, ou null si aucun n'a été défini.

Element.elementTiming

Une chaîne de caractères reflétant l'attribut elementtiming qui marque un élément pour observation dans l'API PerformanceElementTiming.

Element.firstElementChild Lecture seule

Retourne le premier élément enfant de cet élément.

Element.id

Une chaîne de caractères représentant l'identifiant de l'élément.

Element.innerHTML

Une chaîne de caractères représentant le balisage du contenu de l'élément.

Element.lastElementChild Lecture seule

Retourne le dernier élément enfant de cet élément.

Element.localName Lecture seule

Une chaîne de caractères représentant la partie locale du nom qualifié de l'élément.

Element.namespaceURI Lecture seule

L'URI de l'espace de noms de l'élément, ou null s'il n'y a pas d'espace de noms.

Element.nextElementSibling Lecture seule

Un objet Element, l'élément immédiatement suivant celui donné dans l'arbre, ou null s'il n'y a pas de nœud voisin.

Element.outerHTML

Une chaîne de caractères représentant le balisage de l'élément, y compris son contenu. Lorsqu'elle est utilisée comme un mutateur, elle remplace l'élément par des nœuds analysés à partir de la chaîne de caractères donnée.

Element.part

Représente l'identifiant de partie(s) de l'élément (c'est-à-dire, défini en utilisant l'attribut part), retourné en tant que DOMTokenList.

Element.prefix Lecture seule

Une chaîne de caractères représentant le préfixe de l'espace de noms de l'élément, ou null si aucun préfixe n'est défini.

Element.previousElementSibling Lecture seule

Un objet Element, l'élément immédiatement précédent celui donné dans l'arbre, ou null s'il n'y a pas de nœud voisin.

Element.scrollHeight Lecture seule

Retourne un nombre représentant la hauteur de la zone de défilement d'un élément.

Element.scrollLeft

Un nombre représentant le décalage de défilement horizontal de l'élément.

Element.scrollLeftMax Lecture seule

Retourne un nombre représentant le décalage de défilement horizontal maximal possible pour l'élément.

Element.scrollTop

Un nombre représentant le nombre de pixels que le haut de l'élément est défilé verticalement.

Element.scrollTopMax Lecture seule

Retourne un nombre représentant le décalage de défilement vertical maximal possible pour l'élément.

Element.scrollWidth Lecture seule

Retourne un nombre représentant la largeur de la zone de défilement de l'élément.

Element.shadowRoot Lecture seule

Retourne la racine d'ombre (shadow root en anglais) ouverte hébergée par l'élément, ou null si aucune racine d'ombre ouverte n'est présente.

Element.slot

Retourne le nom de l'emplacement du DOM d'ombre (shadow DOM en anglais) dans lequel l'élément est inséré.

Element.tagName Lecture seule

Retourne une chaîne de caractères avec le nom de la balise pour l'élément donné.

Propriétés d'instance provenant de l'ARIA

L'interface Element inclut également les propriétés suivantes.

Element.ariaAtomic

Une chaîne de caractères reflétant l'attribut aria-atomic, qui indique si les technologies d'assistance présentent toutes les parties ou seulement certaines parties de la région modifiée en fonction des notifications de changement définies par l'attribut aria-relevant.

Element.ariaAutoComplete

Une chaîne de caractères reflétant l'attribut aria-autocomplete, qui indique si la saisie de texte peut déclencher l'affichage d'une ou plusieurs prédictions de la valeur prévue par l'utilisateur·ice pour une zone de combinaison, une zone de recherche ou une zone de texte, et définit comment les prédictions seraient présentées si elles étaient faites.

Element.ariaBrailleLabel

Une chaîne de caractères reflétant l'attribut aria-braillelabel, qui définit l'étiquette braille de l'élément.

Element.ariaBrailleRoleDescription

Une chaîne de caractères reflétant l'attribut aria-brailleroledescription, qui définit la description du rôle braille ARIA de l'élément.

Element.ariaBusy

Une chaîne de caractères reflétant l'attribut aria-busy, qui indique si un élément est en cours de modification, car les technologies d'assistance peuvent vouloir attendre que les modifications soient terminées avant de les exposer à l'utilisateur·ice.

Element.ariaChecked

Une chaîne de caractères reflétant l'attribut aria-checked, qui indique l'état actuel « coché » des cases à cocher, des boutons radio et d'autres widgets ayant un état coché.

Element.ariaColCount

Une chaîne de caractères reflétant l'attribut aria-colcount, qui définit le nombre de colonnes dans un tableau, une grille ou une arborescence de grille.

Element.ariaColIndex

Une chaîne de caractères reflétant l'attribut aria-colindex, qui définit l'index ou la position d'une colonne par rapport au nombre total de colonnes dans un tableau, une grille ou une arborescence de grille.

Element.ariaColIndexText

Une chaîne de caractères reflétant l'attribut aria-colindextext, qui définit une alternative textuelle lisible par un·e humain·e pour aria-colindex.

Element.ariaColSpan

Une chaîne de caractères reflétant l'attribut aria-colspan, qui définit le nombre de colonnes couvertes par une cellule ou une cellule de grille dans un tableau, une grille ou une arborescence de grille.

Element.ariaCurrent

Une chaîne de caractères reflétant l'attribut aria-current, qui indique l'élément représentant l'élément actuel dans un conteneur ou un ensemble d'éléments liés.

Element.ariaDescription

Une chaîne de caractères reflétant l'attribut aria-description, qui définit une valeur de chaîne de caractères décrivant ou annotant l'élément actuel.

Element.ariaDisabled

Une chaîne de caractères reflétant l'attribut aria-disabled, qui indique que l'élément est perceptible mais désactivé, donc il n'est pas modifiable ou autrement opérationnel.

Element.ariaExpanded

Une chaîne de caractères reflétant l'attribut aria-expanded, qui indique si un élément de regroupement possédé ou contrôlé par cet élément est développé ou réduit.

Element.ariaHasPopup

Une chaîne de caractères reflétant l'attribut aria-haspopup, qui indique la disponibilité et le type d'élément contextuel interactif, tel qu'un menu ou une boîte de dialogue, pouvant être déclenché par un élément.

Element.ariaHidden

Une chaîne de caractères reflétant l'attribut aria-hidden, qui indique si l'élément est exposé à une API d'accessibilité.

Element.ariaInvalid

Une chaîne de caractères reflétant l'attribut aria-invalid, qui indique que la valeur saisie ne correspond pas au format attendu par l'application.

Element.ariaKeyShortcuts

Une chaîne de caractères reflétant l'attribut aria-keyshortcuts, qui indique les raccourcis clavier qu'un·e auteur·ice a mis en œuvre pour activer ou donner la sélection à un élément.

Element.ariaLabel

Une chaîne de caractères reflétant l'attribut aria-label, qui définit une valeur de chaîne de caractères étiquetant l'élément actuel.

Element.ariaLevel

Une chaîne de caractères reflétant l'attribut aria-level, qui définit le niveau hiérarchique d'un élément au sein d'une structure.

Element.ariaLive

Une chaîne de caractères reflétant l'attribut aria-live, qui indique qu'un élément est mis à jour et décrit les types de mises à jour que les agents utilisateurs, les technologies d'assistance et l'utilisateur·ice peuvent attendre de la région dynamique.

Element.ariaModal

Une chaîne de caractères reflétant l'attribut aria-modal, qui indique si un élément est modal lorsqu'il est affiché.

Element.ariaMultiline

Une chaîne de caractères reflétant l'attribut aria-multiline, qui indique si une zone de texte accepte plusieurs lignes de saisie ou seulement une seule ligne.

Element.ariaMultiSelectable

Une chaîne de caractères reflétant l'attribut aria-multiselectable, qui indique que l'utilisateur·ice peut sélectionner plusieurs éléments parmi les descendants sélectionnables actuels.

Element.ariaOrientation

Une chaîne de caractères reflétant l'attribut aria-orientation, qui indique si l'orientation de l'élément est horizontale, verticale ou inconnue/ambiguë.

Element.ariaPlaceholder

Une chaîne de caractères reflétant l'attribut aria-placeholder, qui définit un court indice destiné à aider l'utilisateur·ice lors de la saisie de données lorsque le contrôle n'a pas de valeur.

Element.ariaPosInSet

Une chaîne de caractères reflétant l'attribut aria-posinset, qui définit le numéro ou la position d'un élément dans l'ensemble actuel de listitems ou treeitems.

Element.ariaPressed

Une chaîne de caractères reflétant l'attribut aria-pressed, qui indique l'état actuel « pressé » des boutons bascule.

Element.ariaReadOnly

Une chaîne de caractères reflétant l'attribut aria-readonly, qui indique que l'élément n'est pas modifiable, mais reste autrement opérationnel.

Element.ariaRelevant

Une chaîne de caractères reflétant l'attribut aria-relevant, qui indique quelles notifications l'agent utilisateur déclenche lorsque l'arbre d'accessibilité dans une région dynamique est modifié. C'est utilisé pour décrire quels changements dans une région aria-live sont pertinents et doivent être annoncés.

Element.ariaRequired

Une chaîne de caractères reflétant l'attribut aria-required, qui indique que l'utilisateur·ice doit fournir une saisie sur l'élément avant qu'un formulaire puisse être envoyé.

Element.ariaRoleDescription

Une chaîne de caractères reflétant l'attribut aria-roledescription, qui définit une description lisible par un·e humain·e et localisée par l'auteur·ice pour le rôle d'un élément.

Element.ariaRowCount

Une chaîne de caractères reflétant l'attribut aria-rowcount, qui définit le nombre total de lignes dans un tableau, une grille ou un arbre de grille.

Element.ariaRowIndex

Une chaîne de caractères reflétant l'attribut aria-rowindex, qui définit l'index ou la position d'une ligne par rapport au nombre total de lignes dans un tableau, une grille ou un arbre de grille.

Element.ariaRowIndexText

Une chaîne de caractères reflétant l'attribut aria-rowindextext, qui définit une alternative textuelle lisible par un·e humain·e pour aria-rowindex.

Element.ariaRowSpan

Une chaîne de caractères reflétant l'attribut aria-rowspan, qui définit le nombre de lignes couvertes par une cellule ou une cellule de grille dans un tableau, une grille ou un arbre de grille.

Element.ariaSelected

Une chaîne de caractères reflétant l'attribut aria-selected, qui indique l'état actuel « sélectionné » des éléments qui ont un état de sélection.

Element.ariaSetSize

Une chaîne de caractères reflétant l'attribut aria-setsize, qui définit le nombre d'éléments dans l'ensemble actuel de listitems ou treeitems.

Element.ariaSort

Une chaîne de caractères reflétant l'attribut aria-sort, qui indique si les éléments d'un tableau ou d'une grille sont triés par ordre croissant ou décroissant.

Element.ariaValueMax

Une chaîne de caractères reflétant l'attribut aria-valueMax, qui définit la valeur maximale autorisée pour un composant de plage.

Element.ariaValueMin

Une chaîne de caractères reflétant l'attribut aria-valueMin, qui définit la valeur minimale autorisée pour un composant de plage.

Element.ariaValueNow

Une chaîne de caractères reflétant l'attribut aria-valueNow, qui définit la valeur actuelle pour un composant de plage.

Element.ariaValueText

Une chaîne de caractères reflétant l'attribut aria-valuetext, qui définit une alternative textuelle lisible par un·e humain·e pour aria-valuenow.

Element.role

Une chaîne de caractères reflétant explicitement l'attribut role, qui fournit le rôle sémantique de l'élément.

Propriétés d'instance réfléchies à partir des références d'éléments ARIA

Les propriétés reflètent les éléments définis par la référence id dans les attributs correspondants, mais avec certaines exceptions. Voir Références d'éléments réfléchis dans le guide Attributs réfléchis pour plus d'informations.

Element.ariaActiveDescendantElement

Un élément qui représente l'élément actif actuel lorsque la sélection est sur un composant composite, combobox, textbox, group ou application. Reflète l'attribut aria-activedescendant.

Element.ariaControlsElements

Un tableau d'éléments dont le contenu ou la présence est contrôlé par l'élément auquel il est appliqué. Reflète l'attribut aria-controls.

Element.ariaDescribedByElements

Un tableau d'éléments qui contiennent la description accessible pour l'élément auquel il est appliqué. Reflète l'attribut aria-describedby.

Element.ariaDetailsElements

Un tableau d'éléments qui fournissent des détails accessibles pour l'élément auquel il est appliqué. Reflète l'attribut aria-details.

Element.ariaErrorMessageElements

Un tableau d'éléments qui fournissent un message d'erreur pour l'élément auquel il est appliqué. Reflète l'attribut aria-errormessage.

Element.ariaFlowToElements

Un tableau d'éléments qui identifient l'élément suivant (ou les éléments suivants) dans un ordre de lecture alternatif du contenu, remplaçant l'ordre de lecture par défaut général à la discrétion de l'utilisateur·ice. Reflète l'attribut aria-flowto.

Element.ariaLabelledByElements

Un tableau d'éléments qui fournissent le nom accessible pour l'élément auquel il est appliqué. Reflète l'attribut aria-labelledby.

Element.ariaOwnsElements

Un tableau d'éléments possédés par l'élément auquel il est appliqué. C'est utilisé pour définir une relation visuelle, fonctionnelle ou contextuelle entre un parent et ses éléments enfants lorsque la hiérarchie DOM ne peut pas être utilisée pour représenter la relation. Reflète l'attribut aria-owns.

Méthodes d'instance

Element hérite des méthodes de ses parents Node, et de son propre parent, EventTarget.

Element.after()

Insère un ensemble d'objets Node ou de chaînes de caractères dans la liste des enfants du parent d'un Element, juste après un Element.

Element.animate()

Une méthode raccourcie pour créer et exécuter une animation sur un élément. Retourne l'instance de l'objet Animation créée.

Element.ariaNotify()

Définit qu'une chaîne de caractères de texte donnée doit être annoncée par un lecteur d'écran.

Element.append()

Insère un ensemble d'objets Node ou de chaînes de caractères après le dernier enfant de l'élément.

Element.attachShadow()

Attache un arbre de DOM d'ombre à l'élément défini et retourne une référence à son ShadowRoot.

Element.before()

Insère un ensemble d'objets Node ou de chaînes de caractères dans la liste des enfants du parent d'un Element, juste avant un Element.

Element.checkVisibility()

Retourne si un élément est censé être visible ou non en fonction de vérifications configurables.

Element.closest()

Retourne un Element qui est l'ancêtre le plus proche de l'élément actuel (ou l'élément actuel lui-même) qui correspond aux sélecteurs donnés en paramètre.

Element.computedStyleMap()

Retourne une interface StylePropertyMapReadOnly qui fournit une représentation en lecture seule d'un bloc de déclaration CSS, alternative à CSSStyleDeclaration.

Element.getAnimations()

Retourne un tableau d'objets Animation actuellement actifs sur l'élément.

Element.getAttribute()

Retourne la valeur de l'attribut nommé de l'élément actuel et la retourne sous forme de chaîne de caractères.

Element.getAttributeNames()

Retourne un tableau des noms d'attributs de l'élément actuel.

Element.getAttributeNode()

Récupère la représentation en nœud de l'attribut nommé de l'élément actuel et la retourne sous forme d'un Attr.

Element.getAttributeNodeNS()

Récupère la représentation en nœud de l'attribut avec le nom et l'espace de noms définis, à partir de l'élément actuel, et la retourne sous forme d'un objet Attr.

Element.getAttributeNS()

Récupère la valeur de l'attribut avec l'espace de noms et le nom définis à partir de l'élément actuel et la retourne sous forme de chaîne de caractères.

Element.getBoundingClientRect()

Retourne la taille d'un élément et sa position par rapport à la fenêtre d'affichage.

Element.getBoxQuads()

Retourne une liste d'objets DOMQuad représentant les fragments CSS du nœud.

Element.getClientRects()

Retourne une collection de rectangles qui indiquent les rectangles englobants pour chaque ligne de texte dans un client.

Element.getElementsByClassName()

Retourne une HTMLCollection dynamique contenant tous les descendants de l'élément actuel qui possèdent la liste des classes données en paramètre.

Element.getElementsByTagName()

Retourne une HTMLCollection dynamique contenant tous les éléments descendants, d'un nom de balise particulier, à partir de l'élément actuel.

Element.getElementsByTagNameNS()

Retourne une HTMLCollection dynamique contenant tous les éléments descendants, d'un nom de balise et d'un espace de noms particuliers, à partir de l'élément actuel.

Element.getHTML()

Retourne le contenu DOM de l'élément sous forme de chaîne de caractères HTML, incluant éventuellement tout DOM d'ombre.

Element.hasAttribute()

Retourne une valeur booléenne indiquant si l'élément possède l'attribut défini ou non.

Element.hasAttributeNS()

Retourne une valeur booléenne indiquant si l'élément possède l'attribut défini, dans l'espace de noms défini, ou non.

Element.hasAttributes()

Retourne une valeur booléenne indiquant si l'élément possède un ou plusieurs attributs HTML présents.

Element.hasPointerCapture()

Indique si l'élément sur lequel il est invoqué a la capture du pointeur pour le pointeur identifié par l'ID de pointeur donné.

Element.insertAdjacentElement()

Insère un nœud élément donné à une position donnée par rapport à l'élément sur lequel il est invoqué.

Element.insertAdjacentHTML()

Analyse le texte comme HTML ou XML et insère les nœuds résultants dans l'arbre à la position donnée.

Element.insertAdjacentText()

Insère un nœud texte donné à une position donnée par rapport à l'élément sur lequel il est invoqué.

Element.matches()

Retourne une valeur booléenne indiquant si l'élément est sélectionné par la chaîne de caractères de sélecteur définie.

Element.moveBefore()

Déplace un nœud (Node) donné à l'intérieur du nœud invoqué en tant qu'enfant direct, avant un nœud de référence donné, sans supprimer puis insérer le nœud.

Element.prepend()

Insère un ensemble d'objets Node ou de chaînes de caractères avant le premier enfant de l'élément.

Element.pseudo()

Retourne un objet CSSPseudoElement représentant le pseudo-élément CSS du type défini associé à l'élément.

Element.querySelector()

Retourne le premier Node qui correspond à la chaîne de caractères de sélecteur définie relative à l'élément.

Element.querySelectorAll()

Retourne une NodeList de nœuds qui correspondent à la chaîne de caractères de sélecteur définie relative à l'élément.

Element.releasePointerCapture()

Libère (arrête) la capture du pointeur qui avait été précédemment définie pour un PointerEvent spécifique.

Element.remove()

Supprime l'élément de la liste des enfants de son parent.

Element.removeAttribute()

Supprime l'attribut nommé du nœud actuel.

Element.removeAttributeNode()

Supprime la représentation du nœud de l'attribut nommé du nœud actuel.

Element.removeAttributeNS()

Supprime l'attribut avec le nom et l'espace de noms définis du nœud actuel.

Element.replaceChildren()

Remplace les enfants existants d'un Node par un nouvel ensemble d'enfants définis.

Element.replaceWith()

Remplace l'élément dans la liste des enfants de son parent par un ensemble d'objets Node ou de chaînes de caractères.

Element.requestFullscreen()

Demande de manière asynchrone au navigateur de mettre l'élément en plein écran.

Element.requestPointerLock()

Permet de demander de manière asynchrone que le pointeur soit verrouillé sur l'élément donné.

Element.scroll()

Fait défiler vers un ensemble particulier de coordonnées à l'intérieur d'un élément donné.

Element.scrollBy()

Fait défiler un élément de la quantité donnée.

Element.scrollIntoView()

Fait défiler la page jusqu'à ce que l'élément soit visible.

Element.scrollIntoViewIfNeeded()

Fait défiler l'élément actuel dans la zone visible de la fenêtre du navigateur s'il n'est pas déjà dans la zone visible de la fenêtre du navigateur. Utilisez plutôt la méthode standard Element.scrollIntoView().

Element.scrollTo()

Fait défiler vers un ensemble particulier de coordonnées à l'intérieur d'un élément donné.

Element.setAttribute()

Définit la valeur d'un attribut nommé du nœud actuel.

Element.setAttributeNode()

Définit la représentation du nœud de l'attribut nommé du nœud actuel.

Element.setAttributeNodeNS()

Définit la représentation du nœud de l'attribut avec le nom et l'espace de noms définis, à partir du nœud actuel.

Element.setAttributeNS()

Définit la valeur de l'attribut avec le nom et l'espace de noms définis, à partir du nœud actuel.

Element.setCapture()

Configure la capture des évènements de la souris, redirigeant tous les évènements de la souris vers cet élément.

Element.setHTML() Contexte sécurisé

Analyse et assainit une chaîne de caractères HTML en un fragment de document, qui remplace ensuite le sous-arbre original de l'élément dans le DOM.

Element.setHTMLUnsafe()

Analyse une chaîne de caractères HTML en un fragment de document, sans assainissement, qui remplace ensuite le sous-arbre original de l'élément dans le DOM. La chaîne de caractères HTML peut inclure des racines d'ombre déclaratives, qui seraient analysées comme des éléments de modèle si le HTML était défini en utilisant Element.innerHTML.

Element.setPointerCapture()

Désigne un élément spécifique comme cible de capture des futurs évènements de pointeur.

Element.startViewTransition()

Démarre une nouvelle transition de vue dans le même document (SPA) et retourne un objet ViewTransition pour la représenter.

Element.toggleAttribute()

Bascule un attribut booléen, le supprimant s'il est présent et l'ajoutant s'il n'est pas présent, sur l'élément défini.

Évènements

Écoutez ces évènements en utilisant addEventListener() ou en assignant un écouteur d'évènements à la propriété oneventname de cette interface.

afterscriptexecute

Déclenché lorsqu'un script a été exécuté.

beforeinput

Déclenché lorsque la valeur d'un élément de saisie est sur le point d'être modifiée.

beforematch

Déclenché sur un élément qui est dans l'état caché jusqu'à ce qu'il soit trouvé, lorsque le navigateur est sur le point de révéler son contenu parce que l'utilisateur·ice a trouvé le contenu avec la fonction « rechercher dans la page » ou avec la navigation par fragment.

beforescriptexecute

Déclenché lorsqu'un script est sur le point d'être exécuté.

beforexrselect

Déclenché avant que les évènements de sélection WebXR (select, selectstart, selectend) ne soient dispatchés.

contentvisibilityautostatechange

Déclenché sur tout élément avec content-visibility: auto lorsqu'il commence ou cesse d'être pertinent pour l'utilisateur·ice et ignore son contenu.

input

Déclenché lorsqu'une valeur d'un élément est modifiée directement par une action de l'utilisateur·ice.

securitypolicyviolation

Déclenché lorsqu'une Politique de sécurité du contenu est violée.

wheel

Déclenché lorsque l'utilisateur·ice fait tourner un bouton de molette sur un dispositif de pointage (généralement une souris).

Évènements d'animation

animationcancel

Déclenché lorsqu'une animation est interrompue de manière inattendue.

animationend

Déclenché lorsqu'une animation est terminée normalement.

animationiteration

Déclenché lorsqu'une itération d'animation est terminée.

animationstart

Déclenché lorsqu'une animation commence.

Évènements du presse-papiers

copy

Déclenché lorsque l'utilisateur·ice initie une action de copie avec l'interface du navigateur.

cut

Déclenché lorsque l'utilisateur·ice initie une action de coupe avec l'interface du navigateur.

paste

Déclenché lorsque l'utilisateur·ice initie une action de collage avec l'interface du navigateur.

Évènements de composition

compositionend

Déclenché lorsqu'un système de composition textuel tel qu'un éditeur de méthode de saisie termine ou annule la session de composition courante.

compositionstart

Déclenché lorsqu'un système de composition textuel tel qu'un éditeur de méthode de saisie démarre une nouvelle session de composition.

compositionupdate

Déclenché lorsqu'un nouveau caractère est reçu dans le contexte d'une session de composition textuelle contrôlée par un système de composition textuelle tel qu'un éditeur de méthode de saisie.

Évènements pour la sélection

blur

Déclenché lorsqu'un élément a perdu la sélection.

focus

Déclenché lorsqu'un élément a reçu la sélection.

focusin

Déclenché lorsqu'un élément a reçu la sélection, après focus.

focusout

Déclenché lorsqu'un élément a perdu la sélection, après blur.

Évènements relatifs au plein écran

fullscreenchange

Envoyé à un objet Element lorsqu'il passe en mode plein écran ou en sort.

fullscreenerror

Envoyé à un objet Element si une erreur se produit lors de la tentative de passage en mode plein écran ou d'en sortie.

Évènements relatifs au clavier

keydown

Déclenché lorsqu'une touche est enfoncée.

keypress

Déclenché lorsqu'une touche qui produit une valeur de caractère est enfoncée.

keyup

Déclenché lorsqu'une touche est relâchée.

Évènements relatifs à la souris

auxclick

Déclenché lorsqu'un bouton de dispositif de pointage secondaire (par exemple, tout bouton de souris autre que le bouton gauche) est enfoncé et relâché sur un élément.

click

Déclenché lorsqu'un bouton de dispositif de pointage principal (par exemple, le bouton gauche de la souris) est enfoncé et relâché sur un élément.

contextmenu

Déclenché lorsque l'utilisateur·ice tente d'ouvrir un menu contextuel.

dblclick

Déclenché lorsqu'un bouton de dispositif de pointage (par exemple, le bouton principal de la souris) est cliqué deux fois sur un seul élément.

DOMActivate

Survient lorsqu'un élément est activé, par exemple, par un clic de souris ou une pression sur une touche.

DOMMouseScroll

Survient lorsque la molette de la souris ou un dispositif similaire est utilisé et que la quantité de défilement accumulée dépasse 1 ligne ou 1 page depuis le dernier évènement.

mousedown

Déclenché lorsqu'un bouton de dispositif de pointage est enfoncé sur un élément.

mouseenter

Déclenché lorsqu'un dispositif de pointage (généralement une souris) est déplacé sur l'élément auquel le gestionnaire est attaché.

mouseleave

Déclenché lorsque le pointeur d'un dispositif de pointage (généralement une souris) est déplacé hors d'un élément auquel le gestionnaire est attaché.

mousemove

Déclenché lorsqu'un dispositif de pointage (généralement une souris) est déplacé tout en étant au-dessus d'un élément.

mouseout

Déclenché lorsqu'un dispositif de pointage (généralement une souris) est déplacé hors de l'élément auquel le gestionnaire est attaché ou hors de l'un de ses enfants.

mouseover

Déclenché lorsqu'un dispositif de pointage (généralement une souris) est déplacé sur l'élément auquel le gestionnaire est attaché ou sur l'un de ses enfants.

mouseup

Déclenché lorsqu'un bouton de dispositif de pointage est relâché sur un élément.

mousewheel

Déclenché lorsque la molette de la souris ou un dispositif similaire est utilisé.

MozMousePixelScroll

Déclenché lorsque la molette de la souris ou un dispositif similaire est utilisé.

webkitmouseforcechanged

Déclenché chaque fois que la quantité de pression change sur l'écran tactile du pavé tactile.

webkitmouseforcedown

Déclenché après l'évènement mousedown dès que la pression appliquée est suffisante pour être considérée comme un « clic forcé ».

webkitmouseforcewillbegin

Déclenché avant l'évènement mousedown.

webkitmouseforceup

Déclenché après l'évènement webkitmouseforcedown dès que la pression a été réduite suffisamment pour mettre fin au « clic forcé ».

Évènements relatifs aux pointeurs

gotpointercapture

Déclenché lorsqu'un élément capture un pointeur en utilisant setPointerCapture().

lostpointercapture

Déclenché lorsqu'un pointeur capturé est libéré.

pointercancel

Déclenché lorsqu'un évènement de pointeur est annulé.

pointerdown

Déclenché lorsqu'un pointeur devient actif.

pointerenter

Déclenché lorsqu'un pointeur est déplacé dans les limites de test de collision d'un élément ou de l'un de ses descendants.

pointerleave

Déclenché lorsqu'un pointeur est déplacé en dehors des limites de test de collision d'un élément.

pointermove

Déclenché lorsqu'un pointeur change de coordonnées.

pointerout

Déclencé lorsqu'un ponteur est déplacé en dehors des limites de test de collision d'un élément (entre autres raisons).

pointerover

Déclenché lorsqu'un pointeur est déplacé dans les limites de test de collision d'un élément.

pointerrawupdate

Déclenché lorsqu'un pointeur change de propriétés qui ne déclenchent pas les évènements pointerdown ou pointerup.

pointerup

Déclenché lorsqu'un pointeur n'est plus actif.

Évènements relatifs au défilement

scroll

Déclenché lorsque la vue du document ou un élément a été défilé.

scrollend

Déclenché lorsque la vue du document a terminé le défilement.

scrollsnapchange

Déclenché sur le conteneur de défilement à la fin d'une opération de défilement lorsqu'une nouvelle cible d'accroche de défilement a été sélectionnée.

scrollsnapchanging

Déclenché sur le conteneur de défilement lorsque le navigateur détermine qu'une nouvelle cible d'accroche de défilement est en attente, c'est-à-dire qu'elle est sélectionnée lorsque le geste de défilement actuel se termine.

Évènements tactiles

gesturechange

Déclenché lorsque les doigts se déplacent pendant une action tactile.

gestureend

Déclenché lorsqu'il n'y a plus plusieurs doigts en contact avec la surface tactile, mettant ainsi fin au geste.

gesturestart

Déclenché lorsque plusieurs doigts entrent en contact avec la surface tactile, marquant ainsi le début d'un nouveau geste.

touchcancel

Déclenché lorsqu'un ou plusieurs points de contact ont été interrompus d'une manière spécifique à l'implémentation (par exemple, si un nombre trop élevé de points de contact est créé).

touchend

Déclenché lorsqu'un ou plusieurs points de contact sont retirés de la surface tactile.

touchmove

Déclenché lorsqu'un ou plusieurs points de contact sont déplacés le long de la surface tactile.

touchstart

Déclenché lorsqu'un ou plusieurs points de contact sont placés sur la surface tactile.

Évènements relatifs aux transitions

transitioncancel

Déclenché lorsqu'une transition CSS a été annulée.

transitionend

Déclenché lorsqu'une transition CSS a terminé son exécution.

transitionrun

Déclenché lorsqu'une transition CSS est créée (c'est-à-dire lorsqu'elle est ajoutée à un ensemble de transitions en cours), mais pas nécessairement démarrée.

transitionstart

Déclenché lorsqu'une transition CSS a commencé à se dérouler.

Spécifications

Compatibilité des navigateurs