Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Les API Web
  3. Element

Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in EnglishAlways switch to English

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.

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 seule

Renvoie un objetHTMLSlotElement représentant l'emplacement (<slot>) dans lequel le nœud est inséré.

Element.attributesLecture seule

Renvoie un objetNamedNodeMap contenant les attributs affectés de l'élément HTML correspondant.

Element.childElementCountLecture seule

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

Element.childrenLecture seule

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

Element.classListLecture seule

Renvoie un objetDOMTokenList contenant la liste des attributs de classe.

Element.className

Une chaîne de caractèresDOMString qui représente la classe de l'élément.

Element.clientHeightLecture seule

Renvoie un nombre (Number) représentant la hauteur intérieure de l'élément.

Element.clientLeftLecture seule

Renvoie un nombre (Number) représentant la largeur de la bordure gauche de l'élément.

Element.clientTopLecture seule

Renvoie un nombre (Number) représentant la largeur de la bordure haute de l'élément.

Element.clientWidthLecture seule

Renvoie un nombre (Number) représentant la largeur intérieure de l'élément.

Element.firstElementChildLecture seule

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

Element.id

Une chaîne de caractèresDOMString qui représente l'identifiant de l'élément.

Element.innerHTML

Une chaîne de caractèresDOMString qui représente le balisage du contenu de l'élément.

Element.lastElementChildLecture seule

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

Element.localNameLecture seule

Une chaîne de caractèresDOMString qui représente la partie locale pour le nom qualifié de l'élément.

Element.namespaceURILecture seule

L'URI pour l'espace de noms de l'élément ounull s'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 nomshttp://www.w3.org/1999/xhtml tant pour les arbres HTML que XML.

Element.nextElementSiblingLecture seule

Un objetElement qui représente l'élément qui suit immédiatement l'élément courant dans l'arbre ounull si l'élément courant n'a pas de voisin.

Element.outerHTML

Une chaîne de caractèresDOMString qui 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.part

Représente les identifiants des parties de l'élément (c'est-à-dire ceux définis avec l'attributpart) sous la forme d'un objetDOMTokenList.

Element.prefixLecture seule

Une chaîne de caractèresDOMString qui représente le préfixe de l'espace de nom pour l'élément ounull si aucun préfixe n'est défini.

Element.previousElementSiblingLecture seule

Un objetElement qui représente l'élément qui précède immédiatement l'élément courant dans l'arbre ounull si l'élément courant n'a pas de voisin.

Element.scrollHeightLecture seule

Renvoie un nombre (Number) représentant la hauteur de la vue de défilement pour l'élément.

Element.scrollLeft

Un nombre (Number) qui représente le décalage à gauche de l'élément lié au défilement.

Element.scrollLeftMaxNon standardLecture seule

Renvoie un nombre (Number) représentant le décalage à gauche maximal pour l'élément lors du défilement.

Element.scrollTop

Un 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 seule

Renvoie un nombre (Number) représentant le décalage maximal depuis le haut de l'élément lors du défilement.

Element.scrollWidthLecture seule

Renvoie un nombre (Number) représentant la largeur de la vue de défilement pour l'élément.

Element.shadowRootLecture seule

Renvoie la racine sombre ouverte (

open shadow root

) hébergée par l'élément ounull si aucune racine sombre ouverte n'est présente.

Element.openOrClosedShadowRootNon standardLecture seule

Renvoie la racine sombre hébergée par l'élément (qu'elle soit ouverte ou fermée).Uniquement disponible pourles WebExtensions.

Element.slotExpérimental

Renvoie le nom de l'emplacement du DOM sombre dans lequel l'élément est inséré.

Element.tagNameLecture seule

Renvoie 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.ariaAtomic

Une chaîne de caractèresDOMString qui reflète l'attributaria-atomic qui 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.ariaAutoComplete

Une chaîne de caractèresDOMString qui reflète l'attributaria-autocomplete qui 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.ariaBusy

Une chaîne de caractèresDOMString qui reflète l'attributaria-busy qui 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.ariaChecked

Une chaîne de caractèresDOMString qui reflète l'attributaria-checked indiquant 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.ariaColCount

Une chaîne de caractèresDOMString qui reflète l'attributaria-colcount indiquant le nombre de colonnes d'un tableau, d'une grille ou d'une grille arborescente.

Element.ariaColIndex

Une chaîne de caractèresDOMString qui reflète l'attributaria-colindex qui 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.ariaColIndexText

Une chaîne de caractèresDOMString qui reflète l'attributaria-colindextext qui définit texte alternatif àaria-colindex qui soit compréhensible par un humain.

Element.ariaColSpan

Une chaîne de caractèresDOMString qui reflète l'attributaria-colspan qui définit le nombre de colonnes sur lesquelles s'étend une cellule dans un tableau, une grille ou une grille arborescente.

Element.ariaCurrent

Une chaîne de caractèresDOMString qui reflète l'attributaria-current qui indique l'élément représente l'objet courant dans un conteneur ou un ensemble d'éléments.

Element.ariaDescription

Une chaîne de caractèresDOMString qui reflète l'attributaria-description qui définit la chaîne de caractères pour décrire ou annoter l'élément courant.

Element.ariaDisabled

Une chaîne de caractèresDOMString qui reflète l'attributaria-disabled qui indique que l'élément est perceptible mais désactivé et qu'il ne peut être édité ou manipulé.

Element.ariaExpanded

Une chaîne de caractèresDOMString qui reflète l'attributaria-expanded qui indique si un élément de groupement contrôlé par l'élément courant est développé ou replié.

Element.ariaHasPopup

Une chaîne de caractèresDOMString qui reflète l'attributaria-haspopup qui 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.ariaHidden

Une chaîne de caractèresDOMString qui reflète l'attributaria-hidden qui indique si l'élément est exposé à une API d'accessibilité.

Element.ariaKeyShortcuts

Une chaîne de caractèresDOMString qui reflète l'attributaria-keyshortcuts qui indique les raccourcis clavier implémentés spécifiquement pour activer ou fournir le focus à un élément.

Element.ariaLabel

Une chaîne de caractèresDOMString qui reflète l'attributaria-label qui définit une chaîne de caractères étant un libellé pour l'élément courant.

Element.ariaLevel

Une chaîne de caractèresDOMString qui reflète l'attributaria-level qui définit le niveau hiérarchique de l'élément au sein d'une structure.

Element.ariaLive

Une chaîne de caractèresDOMString qui reflète l'attributaria-live qui 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.ariaModal

Une chaîne de caractèresDOMString qui reflète l'attributaria-modal qui indique si un élément est modal lorsqu'il est affiché.

Element.ariaMultiline

Une chaîne de caractèresDOMString qui reflète l'attributaria-multiline qui indique si une zone de texte accepte une saisie sur plusieurs lignes ou sur une seule ligne.

Element.ariaMultiSelectable

Une chaîne de caractèresDOMString qui reflète l'attributaria-multiselectable qui indique que la personne peut choisir plus d'un élément parmi les éléments descendants qui peuvent être sélectionnés.

Element.ariaOrientation

Une chaîne de caractèresDOMString qui reflète l'attributaria-orientation qui indique si l'orientation de l'élément est horizontale, verticale ou inconnue voire ambigüe.

Element.ariaPlaceholder

Une chaîne de caractèresDOMString qui reflète l'attributaria-placeholder qui définit une indication courte destinée à aider l'utilisateur à saisir une valeur lorsque le contrôle ne possède pas de valeur.

Element.ariaPosInSet

Une chaîne de caractèresDOMString qui reflète l'attributaria-posinset qui définit l'index ou la position de l'élément courant dans l'ensemble ou l'arbre d'éléments.

Element.ariaPressed

Une chaîne de caractèresDOMString qui reflète l'attributaria-pressed qui indique l'état actif/pressé des boutons.

Element.ariaReadOnly

Une chaîne de caractèresDOMString qui reflète l'attributaria-readonly qui indique que l'élément ne peut pas être édité mais qu'il peut être utilisé sinon.

Element.ariaRelevant

Une chaîne de caractèresDOMString qui reflète l'attributaria-relevant qui 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-live sont pertinents et devraient être annoncés.

Element.ariaRequired

Une chaîne de caractèresDOMString qui reflète l'attributaria-required qui 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.ariaRoleDescription

Une chaîne de caractèresDOMString qui reflète l'attributaria-roledescription qui 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.ariaRowCount

Une chaîne de caractèresDOMString qui reflète l'attributaria-rowcount qui définit le nombre total de lignes dans un tableau, une grille ou une grille arborescente.

Element.ariaRowIndex

Une chaîne de caractèresDOMString qui reflète l'attributaria-rowindex qui 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.ariaRowIndexText

Une chaîne de caractèresDOMString qui reflète l'attributaria-rowindextext qui définit un libellé alternatif àaria-rowindex, compréhensible par un humain.

Element.ariaRowSpan

Une chaîne de caractèresDOMString qui reflète l'attributaria-rowspan qui définit le nombre de lignes sur lesquelles s'étend une cellule dans un tableau, une grille ou une grille arborescente.

Element.ariaSelected

Une chaîne de caractèresDOMString qui reflète l'attributaria-selected qui indique l'état de sélection pour les éléments qui peuvent être sélectionnés.

Element.ariaSetSize

Une chaîne de caractèresDOMString qui reflète l'attributaria-setsize qui définit le nombre d'objets dans l'ensemble d'éléments d'une liste ou d'un arbre.

Element.ariaSort

Une chaîne de caractèresDOMString qui reflète l'attributaria-sort qui indique si les objets d'un tableau ou d'une grille sont triés par ordre croissant ou décroissant.

Element.ariaValueMax

Une chaîne de caractèresDOMString qui reflète l'attributaria-valueMax qui définit la valeur maximale autorisée pour un élément d'interface utilisateur décrivant un intervalle.

Element.ariaValueMin

Une chaîne de caractèresDOMString qui reflète l'attributaria-valueMin qui définit la valeur minimale autorisée pour un élément d'interface utilisateur décrivant un intervalle.

Element.ariaValueNow

Une chaîne de caractèresDOMString qui reflète l'attributaria-valueNow qui définit la valeur courante d'un élément d'interface utilisateur décrivant un intervalle.

Element.ariaValueText

Une chaîne de caractèresDOMString qui reflète l'attributaria-valuetext qui définit une alternative textuelle àaria-valuenow compréhensible par un humain.

Gestionnaires d'évènements

Element.onfullscreenchange

Un gestionnaire d'évènement pour l'évènementfullscreenchange qui 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.onfullscreenerror

Un gestionnaire d'évènement pourfullscreenerror qui 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'objetsNode ouDOMString dans 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 racineShadowRoot.

Element.animate()Expérimental

Une méthode synthétique pour créer et exécuter une animation sur un élément. Renvoie l'instance de l'objetAnimation créé.

Element.append()

Insère un ensemble d'objetNode ouDOMString après le dernier enfant de l'élément.

Element.before()

Insère un ensemble d'objetNode ouDOMString dans 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ète

Crée unDOM sombre sur l'élément, le transformant ainsi en hôte sombre. Renvoie un objetShadowRoot.

Element.computedStyleMap()Expérimental

Renvoie une interfaceStylePropertyMapReadOnly qui 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érimental

Renvoie un tableau des objetsAnimation actuellement 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 objetAttr.

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 objetAttr.

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érimental

Renvoie une liste d'objetsDOMQuad qui 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 dynamiqueHTMLCollection qui 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 dynamiqueHTMLCollection qui contient tous les descendants de l'élément courant avec un nom de balise donné.

Element.getElementsByTagNameNS()

Renvoie une collection dynamiqueHTMLCollection qui 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'objetsNode ouDOMString avant le premier enfant de l'élément courant.

Element.querySelector()

Renvoie le premier objetNode qui correspond au sélecteur donné, relatif à l'élément courant.

Element.querySelectorAll()

Renvoie un objetNodeList contenant 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'objetsNode ouDOMString.

Element.requestFullscreen()Expérimental

Demande au navigateur, de façon asynchrone, d'afficher l'élément en plein écran.

Element.requestPointerLock()Expérimental

Demande 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érimental

Dé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ète

Initialise 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.

cancel

Dé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 touche

Echap

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.

error

Dé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.

scroll

Déclenché lors du défilement de la vue du document ou d'un élément. Également disponible via la propriétéonscroll.

select

Déclenché lors de la sélection de texte. Également disponible via la propriétéonselect.

show

Déclenché lorsqu'un évènementcontextmenu a été déclenché ou a bouillonné sur un élément qui dispose de l'attributcontextmenu attribute.Obsolète Également disponible via la propriétéonshow.

wheel

Dé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

copy

Déclenché lorsque l'utilisateur initie une action de copie via l'interface du navigateur. Également disponible via la propriétéoncopy.

cut

Déclenché lorsque l'utilisateur initie une action de coupe via l'interface du navigateur. Également disponible via la propriétéoncut.

paste

Dé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

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.

Évènements pour le focus

blur

Déclenché lorsqu'un élément a perdu le focus. Également disponible via la propriétéonblur.

focus

Déclenché lorsqu'un élément reçoit le focus. Également disponible via la propriétéonfocus.

focusin

Déclenché lorsqu'un élément s'apprête à recevoir le focus.

focusout

Déclenché lorsqu'un élément s'apprête à perdre le focus.

Évènements relatifs au plein écran

fullscreenchange

Envoyé à 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.

fullscreenerror

Envoyé à un élémentElement si 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

keydown

Déclenché lors de l'appui sur une touche du clavier. Également disponible via la propriétéonkeydown.

keypress

Déclenché lorsqu'une touche produit un caractère lorsqu'elle est pressée.Obsolète Également disponible via la propriétéonkeypress.

keyup

Déclenché lorsqu'une touche est relâchée. Également disponible via la propriétéonkeyup.

Évènements relatifs à la souris

auxclick

Dé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.

click

Dé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.

contextmenu

Déclenché lorsqu'un utilisateur tente d'ouvrir un menu contextuel. Également disponible via la propriétéoncontextmenu.

dblclick

Dé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ète

Se produit lorsqu'un élément est activé, par exemple avec un clic de souris ou l'appui d'une touche.

mousedown

Déclenché lorsqu'un bouton d'un appareil de pointage est pressé sur un élément. Également disponible via la propriétéonmousedown.

mouseenter

Dé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.

mouseleave

Dé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.

mousemove

Dé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.

mouseout

Dé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.

mouseover

Dé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.

mouseup

Déclenché lorsque le bouton d'un appareil de pointage est relâché pour un élément. Également disponible via la propriétéonmouseup.

webkitmouseforcechanged

Déclenché à chaque fois que la quantite dé pression change sur le pavé ou l'écran tactile.

webkitmouseforcedown

Déclenché après l'évènementmousedown dès que suffisamment de pression a été appliquée pour qualifier ce clic de clic forcé.

webkitmouseforcewillbegin

Déclenché avant l'évènementmousedown.

webkitmouseforceup

Déclenché après l'évènementwebkitmouseforcedown dès que suffisamment de pression a été relâchée pour terminer le clic forcé.

Évènements tactiles

touchcancel

Dé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.

touchend

Déclenché lorsqu'un ou plusieurs points de toucher sont retirés de la surface tactile. Également disponible via la propriétéontouchend.

touchmove

Déclenché lorsqu'un ou plusieurs points de toucher se déplacent sur la surface tactile. Également disponible via la propriétéontouchmove.

touchstart

Déclenché lorsqu'un ou plusieurs points de toucher sont placés sur la surface tactile. Également disponible via la propriétéontouchstart.

Spécifications

Specification
DOM
# interface-element
Pointer Events
# extensions-to-the-element-interface
Fullscreen API
# api
DOM Parsing and Serialization
# extensions-to-the-element-interface
CSSOM View Module
# extension-to-the-element-interface

Compatibilité des navigateurs

Help improve MDN

Learn how to contribute

Cette page a été modifiée le par lescontributeurs du MDN.


[8]ページ先頭

©2009-2025 Movatter.jp