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 English Always switch to English

Element : évènement DOMActivate

Obsolète

Évitez d'utiliser cette fonctionnalité dans de nouveaux projets. Cette fonctionnalité peut être candidate à la suppression des standards web ou des navigateurs.

L'évènement DOMActivate se déclenche sur un élément lorsqu'il devient actif, par exemple lorsqu'il est cliqué avec la souris ou lorsqu'une touche est utilisée pour y naviguer.

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener().

js
addEventListener("DOMActivate", (event) => { })

Note : Il n'existe pas de propriété de gestionnaire d'évènement onDOMActivate pour cet évènement.

Type d'évènement

Un objet UIEvent. Hérite de Event.

Event UIEvent

Exemples

Cet exemple fait des écoutes pour DOMActivate sur un élément HTML <button> et affiche son detail.

HTML

html
<button>Cliquez</button>

JavaScript

js
const bouton = document.querySelector("button");

bouton.addEventListener("DOMActivate", (event) => {
  bouton.textContent = `Nombre de clics : ${event.detail}`;
});

Résultat

Notez que detail de l'évènement DOMActivate peut avoir un comportement spécifique au navigateur. Il peut être toujours 0, ou avoir un comportement similaire à celui de l'évènement click pour detail (c'est-à-dire indiquant le nombre de clics consécutifs).

Spécifications

Spécification
UI Events
# event-type-DOMActivate

Compatibilité des navigateurs

Voir aussi