Element : évènement pointerover
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 pointerover est déclenché lorsque le dispositif de pointage est déplacé à l'intérieur des limites du teste de toucher d'un élément.
Les évènements pointerover ont les mêmes problèmes que mouseover. 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("pointerover", (event) => { })
onpointerover = (event) => { }
Type d'évènement
Un objet PointerEvent. Hérite de Event.
Exemples
L'utilisation de addEventListener() :
const para = document.querySelector("p");
para.addEventListener("pointerover", (event) => {
console.log("Le pointeur est entré");
});
Utilisation de la propriété de gestionnaire d'évènements onpointerover :
const para = document.querySelector("p");
para.onpointerover = (event) => {
console.log("Le pointeur est entré");
};
Spécifications
| Spécification |
|---|
| Pointer Events # the-pointerover-event |
| Pointer Events # dom-globaleventhandlers-onpointerover |