Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Element
Baseline Widely available *
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.
Element est la classe de base la plus générique dont héritent tous les objets qui représentent des éléments d'unDocument. Elle contient uniquement des méthodes et propriétés communes à l'ensemble des éléments. Des classes plus spécifiques héritent d'Element. Ainsi, l'interfaceHTMLElement correspond à l'interface de base pour les éléments HTML tandis que l'interfaceSVGElement représente la base pour les éléments SVG. La plupart des fonctionnalités sont définies dans les classes situées plus loin dans la hiérarchie.
Dans cet article
Propriétés
Element hérite des propriétés de son interface parente :Node (et donc indirectement des propriétés du parent de celle-ci :EventTarget).
Element.assignedSlotLecture seuleRenvoie un objet
HTMLSlotElementreprésentant l'emplacement (<slot>) dans lequel le nœud est inséré.Element.attributesLecture seuleRenvoie un objet
NamedNodeMapcontenant les attributs affectés de l'élément HTML correspondant.Element.childElementCountLecture seuleRenvoie le nombre d'éléments enfants de cet élément.
Element.childrenLecture seuleRenvoie les éléments enfants de cet élément.
Element.classListLecture seuleRenvoie un objet
DOMTokenListcontenant la liste des attributs de classe.Element.classNameUne chaîne de caractères
DOMStringqui représente la classe de l'élément.Element.clientHeightLecture seuleRenvoie un nombre (
Number) représentant la hauteur intérieure de l'élément.Element.clientLeftLecture seuleRenvoie un nombre (
Number) représentant la largeur de la bordure gauche de l'élément.Element.clientTopLecture seuleRenvoie un nombre (
Number) représentant la largeur de la bordure haute de l'élément.Element.clientWidthLecture seuleRenvoie un nombre (
Number) représentant la largeur intérieure de l'élément.Element.firstElementChildLecture seuleRenvoie le premier élément enfant de cet élément.
Element.idUne chaîne de caractères
DOMStringqui représente l'identifiant de l'élément.Element.innerHTMLUne chaîne de caractères
DOMStringqui représente le balisage du contenu de l'élément.Element.lastElementChildLecture seuleRenvoie le dernier élément enfant de cet élément.
Element.localNameLecture seuleUne chaîne de caractères
DOMStringqui représente la partie locale pour le nom qualifié de l'élément.Element.namespaceURILecture seuleL'URI pour l'espace de noms de l'élément ou
nulls'il n'y en a pas.Note :Pour Firefox 3.5 et les versions antérieures, les éléments HTML ne sont pas situés dans un espace de noms. Dans les versions ultérieures, les éléments HTML s'inscrivent dans l'espace de noms
http://www.w3.org/1999/xhtmltant pour les arbres HTML que XML.Element.nextElementSiblingLecture seuleUn objet
Elementqui représente l'élément qui suit immédiatement l'élément courant dans l'arbre ounullsi l'élément courant n'a pas de voisin.Element.outerHTMLUne chaîne de caractères
DOMStringqui représente le balisage de l'élément (incluant son contenu). Lorsque cette propriété est utilisée en modification, cela remplace l'élément avec les noeuds construits à partir de l'analyse de la chaîne de caractères fournie.Element.partReprésente les identifiants des parties de l'élément (c'est-à-dire ceux définis avec l'attribut
part) sous la forme d'un objetDOMTokenList.Element.prefixLecture seuleUne chaîne de caractères
DOMStringqui représente le préfixe de l'espace de nom pour l'élément ounullsi aucun préfixe n'est défini.Element.previousElementSiblingLecture seuleUn objet
Elementqui représente l'élément qui précède immédiatement l'élément courant dans l'arbre ounullsi l'élément courant n'a pas de voisin.Element.scrollHeightLecture seuleRenvoie un nombre (
Number) représentant la hauteur de la vue de défilement pour l'élément.Element.scrollLeftUn nombre (
Number) qui représente le décalage à gauche de l'élément lié au défilement.Element.scrollLeftMaxNon standardLecture seuleRenvoie un nombre (
Number) représentant le décalage à gauche maximal pour l'élément lors du défilement.Element.scrollTopUn nombre (
Number) qui représente le nombre de pixels dont on a fait défiler verticalement le haut de l'élément.Element.scrollTopMaxNon standardLecture seuleRenvoie un nombre (
Number) représentant le décalage maximal depuis le haut de l'élément lors du défilement.Element.scrollWidthLecture seuleRenvoie un nombre (
Number) représentant la largeur de la vue de défilement pour l'élément.Element.shadowRootLecture seuleRenvoie la racine sombre ouverte (
open shadow root
) hébergée par l'élément ou
nullsi aucune racine sombre ouverte n'est présente.Element.openOrClosedShadowRootNon standardLecture seuleRenvoie la racine sombre hébergée par l'élément (qu'elle soit ouverte ou fermée).Uniquement disponible pourles WebExtensions.
Element.slotExpérimentalRenvoie le nom de l'emplacement du DOM sombre dans lequel l'élément est inséré.
Element.tagNameLecture seuleRenvoie une chaîne de caractères (
String) qui est le nom de la balise pour l'élément courant.
Propriétés provenant d'ARIA
L'interfaceElement inclut les propriétés suivantes, définies sur lemixinARIAMixin.
Element.ariaAtomicUne chaîne de caractères
DOMStringqui reflète l'attributaria-atomicqui indique si des technologies d'assistance présenteront tout ou partie de la région modifiée selon les notifications définies par l'attributaria-relevant.Element.ariaAutoCompleteUne chaîne de caractères
DOMStringqui reflète l'attributaria-autocompletequi indique si la saisie de texte peut déclencher l'affichage d'une ou plusieurs prédictions pour la valeur saisie par l'utilisateur à destination d'une liste de choix, d'une boîte de recherche ou d'une zone de texte. Elle indique également la façon dont les éventuelles prédictions seraient présentées.Element.ariaBusyUne chaîne de caractères
DOMStringqui reflète l'attributaria-busyqui indique d'un élément est en train d'être modifié. Les technologies d'assistance peuvent alors faire le choix d'attendre la fin de la modification avant d'exposer le contenu à l'utilisateur.Element.ariaCheckedUne chaîne de caractères
DOMStringqui reflète l'attributaria-checkedindiquant l'état coché (ou non) des cases à cocher, des boutons radio ou des autres éléments d'interface graphique qui peuvent être cochés.Element.ariaColCountUne chaîne de caractères
DOMStringqui reflète l'attributaria-colcountindiquant le nombre de colonnes d'un tableau, d'une grille ou d'une grille arborescente.Element.ariaColIndexUne chaîne de caractères
DOMStringqui reflète l'attributaria-colindexqui définit l'indice de la colonne d'un élément ou sa position par rapport au nombre total de colonnes d'un tableau, d'une grille ou d'une grille arborescente.Element.ariaColIndexTextUne chaîne de caractères
DOMStringqui reflète l'attributaria-colindextextqui définit texte alternatif àaria-colindexqui soit compréhensible par un humain.Element.ariaColSpanUne chaîne de caractères
DOMStringqui reflète l'attributaria-colspanqui définit le nombre de colonnes sur lesquelles s'étend une cellule dans un tableau, une grille ou une grille arborescente.Element.ariaCurrentUne chaîne de caractères
DOMStringqui reflète l'attributaria-currentqui indique l'élément représente l'objet courant dans un conteneur ou un ensemble d'éléments.Element.ariaDescriptionUne chaîne de caractères
DOMStringqui reflète l'attributaria-descriptionqui définit la chaîne de caractères pour décrire ou annoter l'élément courant.Element.ariaDisabledUne chaîne de caractères
DOMStringqui reflète l'attributaria-disabledqui indique que l'élément est perceptible mais désactivé et qu'il ne peut être édité ou manipulé.Element.ariaExpandedUne chaîne de caractères
DOMStringqui reflète l'attributaria-expandedqui indique si un élément de groupement contrôlé par l'élément courant est développé ou replié.Element.ariaHasPopupUne chaîne de caractères
DOMStringqui reflète l'attributaria-haspopupqui indique la disponibilité et le type d'élément interactif visuel comme un menu ou une boîte de dialogue pouvant être généré par l'élément courant.Element.ariaHiddenUne chaîne de caractères
DOMStringqui reflète l'attributaria-hiddenqui indique si l'élément est exposé à une API d'accessibilité.Element.ariaKeyShortcutsUne chaîne de caractères
DOMStringqui reflète l'attributaria-keyshortcutsqui indique les raccourcis clavier implémentés spécifiquement pour activer ou fournir le focus à un élément.Element.ariaLabelUne chaîne de caractères
DOMStringqui reflète l'attributaria-labelqui définit une chaîne de caractères étant un libellé pour l'élément courant.Element.ariaLevelUne chaîne de caractères
DOMStringqui reflète l'attributaria-levelqui définit le niveau hiérarchique de l'élément au sein d'une structure.Element.ariaLiveUne chaîne de caractères
DOMStringqui reflète l'attributaria-livequi indique que l'élément sera mis à jour et qui décrit les types de mises à jour qui peuvent être attendues par les agents utilisateur, les outils d'assistance et l'utilisateur.Element.ariaModalUne chaîne de caractères
DOMStringqui reflète l'attributaria-modalqui indique si un élément est modal lorsqu'il est affiché.Element.ariaMultilineUne chaîne de caractères
DOMStringqui reflète l'attributaria-multilinequi indique si une zone de texte accepte une saisie sur plusieurs lignes ou sur une seule ligne.Element.ariaMultiSelectableUne chaîne de caractères
DOMStringqui reflète l'attributaria-multiselectablequi indique que la personne peut choisir plus d'un élément parmi les éléments descendants qui peuvent être sélectionnés.Element.ariaOrientationUne chaîne de caractères
DOMStringqui reflète l'attributaria-orientationqui indique si l'orientation de l'élément est horizontale, verticale ou inconnue voire ambigüe.Element.ariaPlaceholderUne chaîne de caractères
DOMStringqui reflète l'attributaria-placeholderqui définit une indication courte destinée à aider l'utilisateur à saisir une valeur lorsque le contrôle ne possède pas de valeur.Element.ariaPosInSetUne chaîne de caractères
DOMStringqui reflète l'attributaria-posinsetqui définit l'index ou la position de l'élément courant dans l'ensemble ou l'arbre d'éléments.Element.ariaPressedUne chaîne de caractères
DOMStringqui reflète l'attributaria-pressedqui indique l'état actif/pressé des boutons.Element.ariaReadOnlyUne chaîne de caractères
DOMStringqui reflète l'attributaria-readonlyqui indique que l'élément ne peut pas être édité mais qu'il peut être utilisé sinon.Element.ariaRelevantUne chaîne de caractères
DOMStringqui reflète l'attributaria-relevantqui indique les notifications qui seront déclenchées par l'agent utilisateur lorsque l'arbre d'accessibilité d'une région interactive sera modifié. Cette propriété est utilisée afin de décrire quels changements d'une régionaria-livesont pertinents et devraient être annoncés.Element.ariaRequiredUne chaîne de caractères
DOMStringqui reflète l'attributaria-requiredqui indique que la saisie d'une utilisatrice ou d'un utilisateur est requise sur l'élément avant qu'un formulaire puisse être envoyé.Element.ariaRoleDescriptionUne chaîne de caractères
DOMStringqui reflète l'attributaria-roledescriptionqui définit une description compréhensible par un humain, adaptée par l'autrice ou l'auteur du document pour le rôle de l'élément courant.Element.ariaRowCountUne chaîne de caractères
DOMStringqui reflète l'attributaria-rowcountqui définit le nombre total de lignes dans un tableau, une grille ou une grille arborescente.Element.ariaRowIndexUne chaîne de caractères
DOMStringqui reflète l'attributaria-rowindexqui définit l'index ou la position de la ligne de l'élément par rapport au nombre total de lignes dans le tableau, la grille ou la grille arborescente.Element.ariaRowIndexTextUne chaîne de caractères
DOMStringqui reflète l'attributaria-rowindextextqui définit un libellé alternatif àaria-rowindex, compréhensible par un humain.Element.ariaRowSpanUne chaîne de caractères
DOMStringqui reflète l'attributaria-rowspanqui définit le nombre de lignes sur lesquelles s'étend une cellule dans un tableau, une grille ou une grille arborescente.Element.ariaSelectedUne chaîne de caractères
DOMStringqui reflète l'attributaria-selectedqui indique l'état de sélection pour les éléments qui peuvent être sélectionnés.Element.ariaSetSizeUne chaîne de caractères
DOMStringqui reflète l'attributaria-setsizequi définit le nombre d'objets dans l'ensemble d'éléments d'une liste ou d'un arbre.Element.ariaSortUne chaîne de caractères
DOMStringqui reflète l'attributaria-sortqui indique si les objets d'un tableau ou d'une grille sont triés par ordre croissant ou décroissant.Element.ariaValueMaxUne chaîne de caractères
DOMStringqui reflète l'attributaria-valueMaxqui définit la valeur maximale autorisée pour un élément d'interface utilisateur décrivant un intervalle.Element.ariaValueMinUne chaîne de caractères
DOMStringqui reflète l'attributaria-valueMinqui définit la valeur minimale autorisée pour un élément d'interface utilisateur décrivant un intervalle.Element.ariaValueNowUne chaîne de caractères
DOMStringqui reflète l'attributaria-valueNowqui définit la valeur courante d'un élément d'interface utilisateur décrivant un intervalle.Element.ariaValueTextUne chaîne de caractères
DOMStringqui reflète l'attributaria-valuetextqui définit une alternative textuelle àaria-valuenowcompréhensible par un humain.
Gestionnaires d'évènements
Element.onfullscreenchangeUn gestionnaire d'évènement pour l'évènement
fullscreenchangequi est envoyé lorsque l'élément passe en mode plein écran ou sort de celui-ci. Cet évènement peut être utilisé pour surveiller les transitions entre les deux modes mais aussi pour surveiller les modifications inattendues comme lorsque l'application s'exécute en arrière-plan.Element.onfullscreenerrorUn gestionnaire d'évènement pour
fullscreenerrorqui est envoyé lorsqu'une erreur se produit lors du passage au mode plein écran.
Méthodes
Element hérite des méthodes fournit par la classe parenteNode et de sa classe parente avant elle :EventTarget.
EventTarget.addEventListener()Enregistre un gestionnaire d'évènement sur l'élément pour un type d'évènement donné.
Element.after()Insère un ensemble d'objets
NodeouDOMStringdans la liste des enfants du parent de l'élément courant, juste après ce dernier.Element.attachShadow()Attache un arbre du DOM sombre à l'élément indiqué puis renvoie une référence à sa racine
ShadowRoot.Element.animate()ExpérimentalUne méthode synthétique pour créer et exécuter une animation sur un élément. Renvoie l'instance de l'objet
Animationcréé.Element.append()Insère un ensemble d'objet
NodeouDOMStringaprès le dernier enfant de l'élément.Element.before()Insère un ensemble d'objet
NodeouDOMStringdans la liste des enfants du parent de l'élément courant, juste avant ce dernier.Element.closest()Renvoie l'élément (
Element) qui est le plus proche ancêtre de l'élément courant (ou l'élément courant lui-même) qui correspond au sélecteur passé en paramètre.Element.createShadowRoot()Non standardObsolèteCrée unDOM sombre sur l'élément, le transformant ainsi en hôte sombre. Renvoie un objet
ShadowRoot.Element.computedStyleMap()ExpérimentalRenvoie une interface
StylePropertyMapReadOnlyqui fournit une représentation en lecture seule d'un bloc de déclaration CSS alternatif àCSSStyleDeclaration.EventTarget.dispatchEvent()Diffuse un évènement sur ce nœud dans le DOM et renvoie un booléen qui indique si aucun gestionnaire n'a annulé l'évènement.
Element.getAnimations()ExpérimentalRenvoie un tableau des objets
Animationactuellement actifs sur l'élément.Element.getAttribute()Récupère la valeur de l'attribut nommé pour le nœud courant et le renvoie comme unobjet.
Element.getAttributeNames()Renvoie un tableau de noms d'attribut pour l'élément courant.
Element.getAttributeNode()Récupère la représentation du nœud pour l'attrtibut nommé du nœud courant et le renvoie comme un objet
Attr.Element.getAttributeNodeNS()Depuis le nœud courant, récupère la représentation du nœud pour l'attribut avec le nom et l'espace de noms indiqués et renvoie la valeur obtenue sous la forme d'un objet
Attr.Element.getAttributeNS()Depuis le nœud courant, récupère la valeur de l'attribut avec le nom et l'espace de noms indiqués et la renvoie sous la forme d'unobjet.
Element.getBoundingClientRect()Renvoie la taille d'un élément et sa position relative dans la zone d'affichage (
viewport
).
Element.getBoxQuads()ExpérimentalRenvoie une liste d'objets
DOMQuadqui représentent les fragments CSS pour le nœud.Element.getClientRects()Renvoie une collection de rectangles qui indique les rectangles englobants pour chaque ligne de texte d'un client.
Element.getElementsByClassName()Renvoie une collection dynamique
HTMLCollectionqui contient tous les descendants de l'élément courant et qui possèdent la liste de classes fournie en paramètre.Element.getElementsByTagName()Renvoie une collection dynamique
HTMLCollectionqui contient tous les descendants de l'élément courant avec un nom de balise donné.Element.getElementsByTagNameNS()Renvoie une collection dynamique
HTMLCollectionqui contient tous les descendants de l'élément courant qui ont un nom de balise et un espace de noms donnés.Element.hasAttribute()Renvoie un booléen indiquant si l'élément courant possède l'attribut donné.
Element.hasAttributeNS()Renvoie un booléen indiquant si l'élément courant possède l'attribut donné pour l'espace de noms donné.
Element.hasAttributes()Renvoie un booléen qui indique si l'élément courant a un ou plusieurs attributs HTML.
Element.hasPointerCapture()Indique si l'élément a la capture du pointeur pour le pointeur identifié par l'identifiant passé en argument.
Element.insertAdjacentElement()Insère un nœud d'élément à la position relative indiquée par rapport à l'élément courant.
Element.insertAdjacentHTML()Analyse le texte comme HTML ou XML puis insère les nœuds résultatns dans l'arbre à la position indiquée.
Element.insertAdjacentText()Insère un nœud textuel à la position relative indiquée, par rapport à l'élément courant.
Element.matches()Renvoie un booléen qui indique si l'élément serait ciblé par la chaîne de caractères passée en argument qui décrit un sélecteur.
Element.prepend()Insère un ensemble d'objets
NodeouDOMStringavant le premier enfant de l'élément courant.Element.querySelector()Renvoie le premier objet
Nodequi correspond au sélecteur donné, relatif à l'élément courant.Element.querySelectorAll()Renvoie un objet
NodeListcontenant les nœuds pour lesquels le sélecteur, passé en argument, relatif à l'élément courant.Element.releasePointerCapture()Libère (arrête) la capture du pointeur précédemment activée pour un évènement de pointeur spécifique.
Element.remove()Retire l'élément de la liste des éléments enfants de son parent.
Element.removeAttribute()Retire l'attribut nommé du nœud courant.
Element.removeAttributeNode()Retire la représentation nodale de l'attribut nommé pour le nœud courant.
Element.removeAttributeNS()Sur le nœud courant, retire l'attribut avec le nom et l'espace de noms indiqués.
EventTarget.removeEventListener()Retire un gestionnaire d'évènement de l'élément.
Element.replaceChildren()Remplace l'enfant existant d'un nœud avec un nouvel ensemble d'enfants.
Element.replaceWith()Remplace l'élément dans la liste des enfants de son parent par un ensemble d'objets
NodeouDOMString.Element.requestFullscreen()ExpérimentalDemande au navigateur, de façon asynchrone, d'afficher l'élément en plein écran.
Element.requestPointerLock()ExpérimentalDemande au navigateur, de façon asynchrone, de bloquer le pointeur sur l'élément indiqué.
Element.scroll()Défile jusqu'à un ensemble de coordonnées données à l'intérieur de l'élément courant.
Element.scrollBy()Défile un élément de la quantité indiquée.
Element.scrollIntoView()ExpérimentalDéfile la page jusqu'à ce que l'élément apparaisse dans la vue.
Element.scrollTo()Défile jusqu'à un ensemble de coordonnées particulier à l'intérieur de l'élément donné.
Element.setAttribute()Définit la valeur d'un attribut nommé pour le nœud courant.
Element.setAttributeNode()Définit la représentation nodale d'un attribut nommé pour le nœud courant.
Element.setAttributeNodeNS()Pour le nœud courant, définit la représentation nodale d'un attribut avec le nom et l'espace de noms indiqués.
Element.setAttributeNS()Pour le nœud courant, définit la valeur de l'attribut avec le nom et l'espace de noms indiqués.
Element.setCapture()Non standardObsolèteInitialise la capture des évènements liés à la souris, redirigeant ainsi tous les évènements de la souris sur cet élément.
Element.setPointerCapture()Désigne un élément spécifique comme future cible pour la capture desévènements de pointeur.
Element.toggleAttribute()Active/désactive un attribut booléen sur l'élément courant : s'il est présent, cela le retire et s'il est absent, cela l'ajoute.
Évènements
On peut écouter ces évènements en utilisant la méthodeaddEventListener() ou en affectant un gestionnaire d'évènement à la propriétéonnomevenement de cette interface.
cancelDéclenché sur un élément
<dialog>lorsque la personne indique au navigateur le souhait de fermer la boîte de dialogue courante. Un navigateur pourra par exemple déclencher cet évènement lors d'un appui sur la toucheEchap
ou lors d'un clic sur le bouton « Fermer cette boîte de dialogue » fourni par le navigateur. Également disponible via la propriété
oncancel.errorDéclenché lors de l'échec du chargement d'une ressource ou lorsque celle-ci ne peut être utilisée. Cet évènement sera par exemple déclenché lors d'une erreur d'exécution d'un script ou lorsqu'une image ne peut être trouvée ou est invalide. Également disponible via la propriété
onerror.scrollDéclenché lors du défilement de la vue du document ou d'un élément. Également disponible via la propriété
onscroll.selectDéclenché lors de la sélection de texte. Également disponible via la propriété
onselect.showDéclenché lorsqu'un évènement
contextmenua été déclenché ou a bouillonné sur un élément qui dispose de l'attributcontextmenuattribute.Obsolète Également disponible via la propriétéonshow.wheelDéclenché lorsque l'utilisateur fait tourner la molette d'un appareil de pointage (généralement une souris). Également disponible via la propriété
onwheel.
Évènements du presse-papiers
copyDéclenché lorsque l'utilisateur initie une action de copie via l'interface du navigateur. Également disponible via la propriété
oncopy.cutDéclenché lorsque l'utilisateur initie une action de coupe via l'interface du navigateur. Également disponible via la propriété
oncut.pasteDéclenché lorsque l'utilisateur initie une action pour coller via l'interface du navigateur. Également disponible via la propriété
onpaste.
Évènements de composition
compositionendDé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.
compositionstartDéclenché lorsqu'un système de composition textuel tel qu'unéditeur de méthode de saisie démarre une nouvelle session de composition.
compositionupdateDéclenché lorsqu'un nouveau caractère est reçu dans le contexte d'une session de composition textuelle.
Évènements pour le focus
blurDéclenché lorsqu'un élément a perdu le focus. Également disponible via la propriété
onblur.focusDéclenché lorsqu'un élément reçoit le focus. Également disponible via la propriété
onfocus.focusinDéclenché lorsqu'un élément s'apprête à recevoir le focus.
focusoutDéclenché lorsqu'un élément s'apprête à perdre le focus.
Évènements relatifs au plein écran
fullscreenchangeEnvoyé à un élément (
Element) lorsque celui-ci effectue une transition (entrée ou sortie) pour le modeplein écran. Également disponible via la propriétéonfullscreenchange.fullscreenerrorEnvoyé à un élément
Elementsi une erreur se produit lors d'une transition (entrée ou sortie) pour le modeplein écran. Également disponible via la propriétéonfullscreenerror.
Évènements relatifs au clavier
keydownDéclenché lors de l'appui sur une touche du clavier. Également disponible via la propriété
onkeydown.keypressDéclenché lorsqu'une touche produit un caractère lorsqu'elle est pressée.Obsolète Également disponible via la propriété
onkeypress.keyupDéclenché lorsqu'une touche est relâchée. Également disponible via la propriété
onkeyup.
Évènements relatifs à la souris
auxclickDéclenché lorsqu'un bouton non primaire d'un appareil de pointage (c'est-à-dire tout bouton de la souris en dehors du bouton gauche) a été pressé puis relâché sur un élément. Également disponible via la propriété
onauxclick.clickDéclenché lorsqu'un bouton d'un appareil de pointage (par exemple le bouton gauche de la souris) a été pressé puis relâche sur un élément. Également disponible via la propriété
onclick.contextmenuDéclenché lorsqu'un utilisateur tente d'ouvrir un menu contextuel. Également disponible via la propriété
oncontextmenu.dblclickDéclenché lorsqu'un bouton d'un appareil de pointage (par exemple le bouton gauche de la souris) a été utilisé pour un double-clic sur un élément. Également disponible via la propriété
ondblclick.DOMActivateObsolèteSe produit lorsqu'un élément est activé, par exemple avec un clic de souris ou l'appui d'une touche.
mousedownDéclenché lorsqu'un bouton d'un appareil de pointage est pressé sur un élément. Également disponible via la propriété
onmousedown.mouseenterDéclenché lorsqu'un appareil de pointage (généralement une souris) est déplacé pour arriver sur l'élément disposant du gestionnaire d'évènement. Également disponible via la propriété
onmouseenter.mouseleaveDéclenché lorsque le pointeur d'un appareil de pointage (généralement une souris) est déplacée en dehors de l'élément qui dispose du gestionnaire d'évènement. Également disponible via la propriété
onmouseleave.mousemoveDéclenché lorsqu'un appareil de pointage (généralement une souris) est déplacé sur un élément. Également disponible via la propriété
onmousemove.mouseoutDéclenché lorsqu'un appareil de pointage (généralement une souris) se déplace pour quitter l'élément qui dispose du gestionnaire d'évènement (ou lorsque le pointeur quitte l'un des enfants de cet élément). Également disponible via la propriété
onmouseout.mouseoverDéclenché lorsqu'un appareil de pointage arrive sur l'élément (ou l'un de ses enfants) qui dispose du gestionnaire d'évènement. Également disponible via la propriété
onmouseover.mouseupDéclenché lorsque le bouton d'un appareil de pointage est relâché pour un élément. Également disponible via la propriété
onmouseup.webkitmouseforcechangedDéclenché à chaque fois que la quantite dé pression change sur le pavé ou l'écran tactile.
webkitmouseforcedownDéclenché après l'évènement
mousedowndès que suffisamment de pression a été appliquée pour qualifier ce clic de clic forcé.webkitmouseforcewillbeginDéclenché avant l'évènement
mousedown.webkitmouseforceupDéclenché après l'évènement
webkitmouseforcedowndès que suffisamment de pression a été relâchée pour terminer le clic forcé.
Évènements tactiles
touchcancelDéclenché lorsqu'un ou plusieurs points de toucher ont été perturbés de façon spécifique à l'implémentation (par exemple lorsque trop de points de toucher ont été créés). Également disponible avec la propriété
ontouchcancel.touchendDéclenché lorsqu'un ou plusieurs points de toucher sont retirés de la surface tactile. Également disponible via la propriété
ontouchend.touchmoveDéclenché lorsqu'un ou plusieurs points de toucher se déplacent sur la surface tactile. Également disponible via la propriété
ontouchmove.touchstartDéclenché lorsqu'un ou plusieurs points de toucher sont placés sur la surface tactile. Également disponible via la propriété
ontouchstart.