Element : évènement gotpointercapture

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2020.

En savoir plus
Voir la compatibilité complète

L'évènement gotpointercapture est déclenché lorsqu'un élément capture un pointeur en utilisant setPointerCapture().

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènement.

addEventListener("gotpointercapture", (event) => { })

ongotpointercapture = (event) => { }

Type d'évènement

Un objet PointerEvent. Hérite de Event.

Cet exemple obtient un élément <p> et écoute l'évènement gotpointercapture. Il appelle ensuite setPointerCapture() sur l'élément lors d'un évènement pointerdown, ce qui déclenche gotpointercapture.

const para = document.querySelector("p");

para.addEventListener("gotpointercapture", () => {
  console.log("J'ai été capturé !");
});

para.addEventListener("pointerdown", (event) => {
  para.setPointerCapture(event.pointerId);
});

Le même exemple, utilisant la propriété de gestionnaire d'évènement ongotpointercapture :

const para = document.querySelector("p");

para.ongotpointercapture = () => {
  console.log("J'ai été capturé !");
};

para.addEventListener("pointerdown", (event) => {
  para.setPointerCapture(event.pointerId);
});