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: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.

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