Element : évènement pointerleave
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 pointerleave se déclenche lorsqu'un dispositif de pointage est déplacé en dehors des limites de test de l'élément. Pour les dispositifs de type stylet, cet évènement se déclenche lorsque le stylet quitte la zone de survol détectable par le numériseur. Sinon, pointerleave fonctionne de la même manière que mouseleave, et sont déclenchés en même temps. Ils sont également déclenchés en même temps que les évènements mouseout et pointerout, le cas échéant.
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("pointerleave", (event) => { })
onpointerleave = (event) => { }
Type d'évènement
Un objet PointerEvent. Hérite de Event.
Exemples
Utilisation de addEventListener() :
const para = document.querySelector("p");
para.addEventListener("pointerleave", (event) => {
console.log("Le pointeur a quitté l'élément");
});
Utilisation de la propriété de gestionnaire d'évènements onpointerleave :
const para = document.querySelector("p");
para.onpointerleave = (event) => {
console.log("Le pointeur a quitté l'élément");
};
Spécifications
| Spécification |
|---|
| Pointer Events # the-pointerleave-event |
| Pointer Events # dom-globaleventhandlers-onpointerleave |