Element : évènement pointerout
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 pointerout est déclenché pour plusieurs raisons, notamment : le dispositif de pointage est déplacé en dehors des limites du teste de toucher d'un élément ; le déclenchement de l'évènement pointerup pour un dispositif qui ne supporte pas le survol (voir pointerup) ; après le déclenchement de l'évènement pointercancel (voir pointercancel) ; lorsque le stylet d'un crayon quitte la plage de survol détectable par le numériseur.
Les évènements pointerout ont les mêmes problèmes que mouseout. Si l'élément cible a des éléments enfants, les évènements pointerout et pointerover se déclenchent également lorsque le pointeur se déplace sur les limites de ces éléments, et pas seulement sur l'élément cible lui-même. En général, le comportement des évènements pointerenter et pointerleave est plus logique, car ils ne sont pas affectés par le déplacement dans les éléments enfants.
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("pointerout", (event) => { })
onpointerout = (event) => { }
Type d'évènement
Un objet PointerEvent. Hérite de Event.
Exemples
L'utilisation de addEventListener() :
const para = document.querySelector("p");
para.addEventListener("pointerout", (event) => {
console.log("Le pointeur est sorti");
});
Utilisation de la propriété de gestionnaire d'évènements onpointerout :
const para = document.querySelector("p");
para.onpointerout = (event) => {
console.log("Le pointeur est sorti");
};
Spécifications
| Spécification |
|---|
| Pointer Events # the-pointerout-event |
| Pointer Events # dom-globaleventhandlers-onpointerout |