Element : évènement lostpointercapture

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 lostpointercapture est déclenché lorsqu'un pointeur capturé est libéré.

Syntaxe

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

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

onlostpointercapture = (event) => { }

Type d'évènement

Un objet PointerEvent. Hérite de Event.

Cet exemple écoute l'évènement lostpointercapture pour un élément, et capture le pointeur pour l'élément lors de l'évènement pointerdown. Lorsque l'utilisateur·ice libère ensuite le pointeur, l'évènement lostpointercapture est déclenché.

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

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

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

Le même exemple, mais en utilisant la propriété gestionnaire d'évènement onlostpointercapture :

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

para.onlostpointercapture = () => {
  console.log("J'ai été libéré !");
};

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