Element : évènement pointerup
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.
L'évènement pointerup est déclenché lorsqu'un pointeur n'est plus actif. Notez qu'il est possible de recevoir un évènement pointercancel à la place.
Ce comportement est différent de celui des évènements mouseup. Lors de l'utilisation d'une souris physique, les évènements mouseup se déclenchent chaque fois qu'un bouton de la souris est relâché. Les évènements pointerup ne se déclenchent que lors du relâchement du dernier bouton ; les relâchements des boutons précédents, tant que d'autres boutons sont maintenus enfoncés, ne déclenchent pas d'évènement pointerup.
Syntaxe
Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènements.
addEventListener("pointerup", (event) => { })
onpointerup = (event) => { }
Type d'évènement
Un objet PointerEvent. Hérite de Event.
Exemples
Utilisation de addEventListener() :
const para = document.querySelector("p");
para.addEventListener("pointerup", (event) => {
console.log("Relâchement du pointeur");
});
Utilisation de la propriété de gestionnaire d'évènements onpointerup :
const para = document.querySelector("p");
para.onpointerup = (event) => {
console.log("Relâchement du pointeur");
};
Spécifications
| Spécification |
|---|
| Pointer Events # the-pointerup-event |
| Pointer Events # dom-globaleventhandlers-onpointerup |