title | slug |
---|---|
Element |
Web/API/Element |
{{APIRef("DOM")}}
Element
est la classe de base la plus générique dont héritent tous les objets qui représentent des éléments d'un Document
. 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'interface HTMLElement
correspond à l'interface de base pour les éléments HTML tandis que l'interface SVGElement
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.
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.assignedSlot
{{readonlyInline}}- : Renvoie un objet
HTMLSlotElement
représentant l'emplacement (<slot>
) dans lequel le nœud est inséré.
- : Renvoie un objet
-
Element.attributes
{{readOnlyInline}}- : Renvoie un objet
NamedNodeMap
contenant les attributs affectés de l'élément HTML correspondant.
- : Renvoie un objet
-
Element.childElementCount
{{readonlyInline}}- : Renvoie le nombre d'éléments enfants de cet élément.
-
Element.children
{{readonlyInline}}- : Renvoie les éléments enfants de cet élément.
-
Element.classList
{{readOnlyInline}}- : Renvoie un objet
DOMTokenList
contenant la liste des attributs de classe.
- : Renvoie un objet
-
- : Une chaîne de caractères
DOMString
qui représente la classe de l'élément.
- : Une chaîne de caractères
-
Element.clientHeight
{{readOnlyInline}}- : Renvoie un nombre (
Number
) représentant la hauteur intérieure de l'élément.
- : Renvoie un nombre (
-
Element.clientLeft
{{readOnlyInline}}- : Renvoie un nombre (
Number
) représentant la largeur de la bordure gauche de l'élément.
- : Renvoie un nombre (
-
Element.clientTop
{{readOnlyInline}}- : Renvoie un nombre (
Number
) représentant la largeur de la bordure haute de l'élément.
- : Renvoie un nombre (
-
Element.clientWidth
{{readOnlyInline}}- : Renvoie un nombre (
Number
) représentant la largeur intérieure de l'élément.
- : Renvoie un nombre (
-
Element.firstElementChild
{{readonlyInline}}- : Renvoie le premier élément enfant de cet élément.
-
- : Une chaîne de caractères
DOMString
qui représente l'identifiant de l'élément.
- : Une chaîne de caractères
-
- : Une chaîne de caractères
DOMString
qui représente le balisage du contenu de l'élément.
- : Une chaîne de caractères
-
Element.lastElementChild
{{readonlyInline}}- : Renvoie le dernier élément enfant de cet élément.
-
Element.localName
{{readOnlyInline}}- : Une chaîne de caractères
DOMString
qui représente la partie locale pour le nom qualifié de l'élément.
- : Une chaîne de caractères
-
Element.namespaceURI
{{readonlyInline}}-
: L'URI pour l'espace de noms de l'élément ou
null
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 noms
http://www.w3.org/1999/xhtml
tant pour les arbres HTML que XML.
-
-
Element.nextElementSibling
{{readOnlyInline}}- : Un objet
Element
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.
- : Un objet
-
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
-
- : Repré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
.
- : Représente les identifiants des parties de l'élément (c'est-à-dire ceux définis avec l'attribut
-
Element.prefix
{{readOnlyInline}}- : Une chaîne de caractères
DOMString
qui représente le préfixe de l'espace de nom pour l'élément ounull
si aucun préfixe n'est défini.
- : Une chaîne de caractères
-
Element.previousElementSibling
{{readOnlyInline}}- : Un objet
Element
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.
- : Un objet
-
Element.scrollHeight
{{readOnlyInline}}- : Renvoie un nombre (
Number
) représentant la hauteur de la vue de défilement pour l'élément.
- : Renvoie un nombre (
-
- : Un nombre (
Number
) qui représente le décalage à gauche de l'élément lié au défilement.
- : Un nombre (
-
Element.scrollLeftMax
{{Non-standard_Inline}} {{readOnlyInline}}- : Renvoie un nombre (
Number
) représentant le décalage à gauche maximal pour l'élément lors du défilement.
- : Renvoie un nombre (
-
- : Un nombre (
Number
) qui représente le nombre de pixels dont on a fait défiler verticalement le haut de l'élément.
- : Un nombre (
-
Element.scrollTopMax
{{Non-standard_Inline}} {{readOnlyInline}}- : Renvoie un nombre (
Number
) représentant le décalage maximal depuis le haut de l'élément lors du défilement.
- : Renvoie un nombre (
-
Element.scrollWidth
{{readOnlyInline}}- : Renvoie un nombre (
Number
) représentant la largeur de la vue de défilement pour l'élément.
- : Renvoie un nombre (
-
Element.shadowRoot
{{readOnlyInline}}-
: Renvoie la racine sombre ouverte (
open shadow root
) hébergée par l'élément ou
null
si aucune racine sombre ouverte n'est présente.
-
-
Element.openOrClosedShadowRoot
{{Non-standard_Inline}}{{readOnlyInline}}- : Renvoie la racine sombre hébergée par l'élément (qu'elle soit ouverte ou fermée). Uniquement disponible pour les WebExtensions.
-
Element.slot
{{Experimental_Inline}}- : Renvoie le nom de l'emplacement du DOM sombre dans lequel l'élément est inséré.
-
Element.tagName
{{readOnlyInline}}- : Renvoie une chaîne de caractères (
String
) qui est le nom de la balise pour l'élément courant.
- : Renvoie une chaîne de caractères (
L'interface Element
inclut les propriétés suivantes, définies sur le mixin ARIAMixin
.
Element.ariaAtomic
- : Une chaîne de caractères
DOMString
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
.
- : Une chaîne de caractères
Element.ariaAutoComplete
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaBusy
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaChecked
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaColCount
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-colcount
indiquant le nombre de colonnes d'un tableau, d'une grille ou d'une grille arborescente.
- : Une chaîne de caractères
Element.ariaColIndex
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaColIndexText
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-colindextext
qui définit texte alternatif àaria-colindex
qui soit compréhensible par un humain.
- : Une chaîne de caractères
Element.ariaColSpan
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaCurrent
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaDescription
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-description
qui définit la chaîne de caractères pour décrire ou annoter l'élément courant.
- : Une chaîne de caractères
Element.ariaDisabled
- : Une chaîne de caractères
DOMString
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é.
- : Une chaîne de caractères
Element.ariaExpanded
- : Une chaîne de caractères
DOMString
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é.
- : Une chaîne de caractères
Element.ariaHasPopup
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaHidden
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-hidden
qui indique si l'élément est exposé à une API d'accessibilité.
- : Une chaîne de caractères
Element.ariaKeyShortcuts
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaLabel
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-label
qui définit une chaîne de caractères étant un libellé pour l'élément courant.
- : Une chaîne de caractères
Element.ariaLevel
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-level
qui définit le niveau hiérarchique de l'élément au sein d'une structure.
- : Une chaîne de caractères
Element.ariaLive
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaModal
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-modal
qui indique si un élément est modal lorsqu'il est affiché.
- : Une chaîne de caractères
Element.ariaMultiline
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-multiline
qui indique si une zone de texte accepte une saisie sur plusieurs lignes ou sur une seule ligne.
- : Une chaîne de caractères
Element.ariaMultiSelectable
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaOrientation
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-orientation
qui indique si l'orientation de l'élément est horizontale, verticale ou inconnue voire ambigüe.
- : Une chaîne de caractères
Element.ariaPlaceholder
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaPosInSet
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaPressed
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-pressed
qui indique l'état actif/pressé des boutons.
- : Une chaîne de caractères
Element.ariaReadOnly
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-readonly
qui indique que l'élément ne peut pas être édité mais qu'il peut être utilisé sinon.
- : Une chaîne de caractères
Element.ariaRelevant
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaRequired
- : Une chaîne de caractères
DOMString
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é.
- : Une chaîne de caractères
Element.ariaRoleDescription
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaRowCount
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-rowcount
qui définit le nombre total de lignes dans un tableau, une grille ou une grille arborescente.
- : Une chaîne de caractères
Element.ariaRowIndex
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaRowIndexText
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-rowindextext
qui définit un libellé alternatif àaria-rowindex
, compréhensible par un humain.
- : Une chaîne de caractères
Element.ariaRowSpan
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaSelected
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-selected
qui indique l'état de sélection pour les éléments qui peuvent être sélectionnés.
- : Une chaîne de caractères
Element.ariaSetSize
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaSort
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaValueMax
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaValueMin
- : Une chaîne de caractères
DOMString
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.
- : Une chaîne de caractères
Element.ariaValueNow
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-valueNow
qui définit la valeur courante d'un élément d'interface utilisateur décrivant un intervalle.
- : Une chaîne de caractères
Element.ariaValueText
- : Une chaîne de caractères
DOMString
qui reflète l'attributaria-valuetext
qui définit une alternative textuelle àaria-valuenow
compréhensible par un humain.
- : Une chaîne de caractères
Element.onfullscreenchange
- : Un gestionnaire d'évènement pour l'évènement
fullscreenchange
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.
- : Un gestionnaire d'évènement pour l'évènement
Element.onfullscreenerror
- : Un gestionnaire d'évènement pour
fullscreenerror
qui est envoyé lorsqu'une erreur se produit lors du passage au mode plein écran.
- : Un gestionnaire d'évènement pour
Element
hérite des méthodes fournit par la classe parente Node
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é.
-
- : Attache un arbre du DOM sombre à l'élément indiqué puis renvoie une référence à sa racine
ShadowRoot
.
- : Attache un arbre du DOM sombre à l'élément indiqué puis renvoie une référence à sa racine
-
Element.animate()
{{Experimental_Inline}}- : Une méthode synthétique pour créer et exécuter une animation sur un élément. Renvoie l'instance de l'objet
Animation
créé.
- : Une méthode synthétique pour créer et exécuter une animation sur un élément. Renvoie l'instance de l'objet
-
- : 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.
- : Renvoie l'élément (
-
Element.createShadowRoot()
{{Non-standard_Inline}} {{Deprecated_Inline}}- : Crée un DOM sombre sur l'élément, le transformant ainsi en hôte sombre. Renvoie un objet
ShadowRoot
.
- : Crée un DOM sombre sur l'élément, le transformant ainsi en hôte sombre. Renvoie un objet
-
Element.computedStyleMap()
{{Experimental_Inline}}- : Renvoie une interface
StylePropertyMapReadOnly
qui fournit une représentation en lecture seule d'un bloc de déclaration CSS alternatif àCSSStyleDeclaration
.
- : Renvoie une interface
-
- : 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()
{{Experimental_Inline}}- : Renvoie un tableau des objets
Animation
actuellement actifs sur l'élément.
- : Renvoie un tableau des objets
-
- : Récupère la valeur de l'attribut nommé pour le nœud courant et le renvoie comme un objet.
-
- : Renvoie un tableau de noms d'attribut pour l'élément courant.
-
- : Récupère la représentation du nœud pour l'attrtibut nommé du nœud courant et le renvoie comme un objet
Attr
.
- : Récupère la représentation du nœud pour l'attrtibut nommé du nœud courant et le renvoie comme un objet
-
- : 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
.
- : 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
-
- : 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'un objet.
-
Element.getBoundingClientRect()
-
: Renvoie la taille d'un élément et sa position relative dans la zone d'affichage (
viewport
).
-
-
Element.getBoxQuads()
{{experimental_inline}}- : Renvoie une liste d'objets
DOMQuad
qui représentent les fragments CSS pour le nœud.
- : Renvoie une liste d'objets
-
- : Renvoie une collection de rectangles qui indique les rectangles englobants pour chaque ligne de texte d'un client.
-
Element.getElementsByClassName()
- : Renvoie une collection dynamique
HTMLCollection
qui contient tous les descendants de l'élément courant et qui possèdent la liste de classes fournie en paramètre.
- : Renvoie une collection dynamique
-
Element.getElementsByTagName()
- : Renvoie une collection dynamique
HTMLCollection
qui contient tous les descendants de l'élément courant avec un nom de balise donné.
- : Renvoie une collection dynamique
-
Element.getElementsByTagNameNS()
- : Renvoie une collection dynamique
HTMLCollection
qui contient tous les descendants de l'élément courant qui ont un nom de balise et un espace de noms donnés.
- : Renvoie une collection dynamique
-
- : Renvoie un booléen indiquant si l'élément courant possède l'attribut donné.
-
- : Renvoie un booléen indiquant si l'élément courant possède l'attribut donné pour l'espace de noms donné.
-
- : Renvoie un booléen qui indique si l'élément courant a un ou plusieurs attributs HTML.
-
- : 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.
-
- : Analyse le texte comme HTML ou XML puis insère les nœuds résultatns dans l'arbre à la position indiquée.
-
- : Insère un nœud textuel à la position relative indiquée, par rapport à l'élément courant.
-
- : 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.
-
- : Renvoie le premier objet
Node
qui correspond au sélecteur donné, relatif à l'élément courant.
- : Renvoie le premier objet
-
- : Renvoie un objet
NodeList
contenant les nœuds pour lesquels le sélecteur, passé en argument, relatif à l'élément courant.
- : Renvoie un objet
-
Element.releasePointerCapture()
- : Libère (arrête) la capture du pointeur précédemment activée pour un évènement de pointeur spécifique.
-
- : Retire l'élément de la liste des éléments enfants de son parent.
-
- : Retire l'attribut nommé du nœud courant.
-
- : Retire la représentation nodale de l'attribut nommé pour le nœud courant.
-
- : 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.
-
- : Remplace l'enfant existant d'un nœud avec un nouvel ensemble d'enfants.
-
Element.requestFullscreen()
{{Experimental_Inline}}- : Demande au navigateur, de façon asynchrone, d'afficher l'élément en plein écran.
-
Element.requestPointerLock()
{{Experimental_Inline}}- : Demande au navigateur, de façon asynchrone, de bloquer le pointeur sur l'élément indiqué.
-
- : Défile jusqu'à un ensemble de coordonnées données à l'intérieur de l'élément courant.
-
- : Défile un élément de la quantité indiquée.
-
Element.scrollIntoView()
{{Experimental_Inline}}- : Défile la page jusqu'à ce que l'élément apparaisse dans la vue.
-
- : Défile jusqu'à un ensemble de coordonnées particulier à l'intérieur de l'élément donné.
-
- : Définit la valeur d'un attribut nommé pour le nœud courant.
-
- : Définit la représentation nodale d'un attribut nommé pour le nœud courant.
-
- : Pour le nœud courant, définit la représentation nodale d'un attribut avec le nom et l'espace de noms indiqués.
-
- : 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-standard_Inline}}{{Deprecated_Inline}}- : Initialise la capture des évènements liés à la souris, redirigeant ainsi tous les évènements de la souris sur cet élément.
-
- : Désigne un élément spécifique comme future cible pour la capture des évènements de pointeur.
-
- : 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.
On peut écouter ces évènements en utilisant la méthode addEventListener()
ou en affectant un gestionnaire d'évènement à la propriété onnomevenement
de cette interface.
-
-
: 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 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
.
-
-
- : 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
.
- : 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é
-
- : Déclenché lors du défilement de la vue du document ou d'un élément. Également disponible via la propriété
onscroll
.
- : Déclenché lors du défilement de la vue du document ou d'un élément. Également disponible via la propriété
-
- : Déclenché lors de la sélection de texte. Également disponible via la propriété
onselect
.
- : Déclenché lors de la sélection de texte. Également disponible via la propriété
-
- : Déclenché lorsqu'un évènement
contextmenu
a été déclenché ou a bouillonné sur un élément qui dispose de l'attributcontextmenu
attribute. {{deprecated_inline}} Également disponible via la propriétéonshow
.
- : Déclenché lorsqu'un évènement
-
- : 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
.
- : 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é
copy
- : Déclenché lorsque l'utilisateur initie une action de copie via l'interface du navigateur. Également disponible via la propriété
oncopy
.
- : Déclenché lorsque l'utilisateur initie une action de copie via l'interface du navigateur. Également disponible via la propriété
cut
- : Déclenché lorsque l'utilisateur initie une action de coupe via l'interface du navigateur. Également disponible via la propriété
oncut
.
- : Déclenché lorsque l'utilisateur initie une action de coupe via l'interface du navigateur. Également disponible via la propriété
paste
- : Déclenché lorsque l'utilisateur initie une action pour coller via l'interface du navigateur. Également disponible via la propriété
onpaste
.
- : Déclenché lorsque l'utilisateur initie une action pour coller via l'interface du navigateur. Également disponible via la propriété
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.
blur
- : Déclenché lorsqu'un élément a perdu le focus. Également disponible via la propriété
onblur
.
- : Déclenché lorsqu'un élément a perdu le focus. Également disponible via la propriété
focus
- : Déclenché lorsqu'un élément reçoit le focus. Également disponible via la propriété
onfocus
.
- : Déclenché lorsqu'un élément reçoit le focus. Également disponible via la propriété
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.
fullscreenchange
- : Envoyé à un élément (
Element
) lorsque celui-ci effectue une transition (entrée ou sortie) pour le mode plein écran. Également disponible via la propriétéonfullscreenchange
.
- : Envoyé à un élément (
fullscreenerror
- : Envoyé à un élément
Element
si une erreur se produit lors d'une transition (entrée ou sortie) pour le mode plein écran. Également disponible via la propriétéonfullscreenerror
.
- : Envoyé à un élément
keydown
- : Déclenché lors de l'appui sur une touche du clavier. Également disponible via la propriété
onkeydown
.
- : Déclenché lors de l'appui sur une touche du clavier. Également disponible via la propriété
keypress
- : Déclenché lorsqu'une touche produit un caractère lorsqu'elle est pressée. {{deprecated_inline}} Également disponible via la propriété
onkeypress
.
- : Déclenché lorsqu'une touche produit un caractère lorsqu'elle est pressée. {{deprecated_inline}} Également disponible via la propriété
keyup
- : Déclenché lorsqu'une touche est relâchée. Également disponible via la propriété
onkeyup
.
- : Déclenché lorsqu'une touche est relâchée. Également disponible via la propriété
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
.
- : 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é
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
.
- : 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é
contextmenu
- : Déclenché lorsqu'un utilisateur tente d'ouvrir un menu contextuel. Également disponible via la propriété
oncontextmenu
.
- : Déclenché lorsqu'un utilisateur tente d'ouvrir un menu contextuel. Également disponible via la propriété
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
.
- : 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é
DOMActivate
{{Deprecated_Inline}}- : 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
.
- : Déclenché lorsqu'un bouton d'un appareil de pointage est pressé sur un élément. Également disponible via la propriété
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
.
- : 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é
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
.
- : 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é
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
.
- : 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é
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
.
- : 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é
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
.
- : 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é
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
.
- : Déclenché lorsque le bouton d'un appareil de pointage est relâché pour un élément. Également disponible via la propriété
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ènement
mousedown
dès que suffisamment de pression a été appliquée pour qualifier ce clic de clic forcé.
- : Déclenché après l'évènement
webkitmouseforcewillbegin
- : Déclenché avant l'évènement
mousedown
.
- : Déclenché avant l'évènement
webkitmouseforceup
- : Déclenché après l'évènement
webkitmouseforcedown
dès que suffisamment de pression a été relâchée pour terminer le clic forcé.
- : Déclenché après l'évènement
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
.
- : 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é
touchend
- : Déclenché lorsqu'un ou plusieurs points de toucher sont retirés de la surface tactile. Également disponible via la propriété
ontouchend
.
- : Déclenché lorsqu'un ou plusieurs points de toucher sont retirés de la surface tactile. Également disponible via la propriété
touchmove
- : Déclenché lorsqu'un ou plusieurs points de toucher se déplacent sur la surface tactile. Également disponible via la propriété
ontouchmove
.
- : Déclenché lorsqu'un ou plusieurs points de toucher se déplacent sur la surface tactile. Également disponible via la propriété
touchstart
- : Déclenché lorsqu'un ou plusieurs points de toucher sont placés sur la surface tactile. Également disponible via la propriété
ontouchstart
.
- : Déclenché lorsqu'un ou plusieurs points de toucher sont placés sur la surface tactile. Également disponible via la propriété
{{Specifications}}
{{Compat}}