Element : évènement pointermove
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 pointermove se déclenche lorsqu'un dispositif de pointage change de coordonnées, et que le pointeur n'a pas été annulé par une action tactile du navigateur. Il est très similaire à l'évènement mousemove, mais avec plus de fonctionnalités.
Ces évènements se produisent que des boutons du dispositif de pointage soient enfoncés ou non. Ils peuvent se déclencher à un rythme très élevé, en fonction de la rapidité avec laquelle l'utilisateur·ice déplace le pointeur, de la rapidité de la machine, des autres tâches et processus en cours, etc.
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("pointermove", (event) => { })
onpointermove = (event) => { }
Type d'évènement
Un objet PointerEvent. Hérite de Event.
Notes d'utilisation
L'évènement, qui est de type PointerEvent, fournit toutes les informations nécessaires sur l'interaction de l'utilisateur·ice avec le dispositif de pointage, y compris la position, la distance de déplacement, l'état des boutons, et bien plus encore.
Exemples
Pour ajouter un gestionnaire pour les évènements pointermove en utilisant addEventListener() :
const para = document.querySelector("p");
para.addEventListener("pointermove", (event) => {
console.log("Le pointeur a bougé");
});
Utilisation de la propriété de gestionnaire d'évènements onpointermove :
const para = document.querySelector("p");
para.onpointermove = (event) => {
console.log("Le pointeur a bougé");
};
Spécifications
| Spécification |
|---|
| Pointer Events # the-pointermove-event |
| Pointer Events # dom-globaleventhandlers-onpointermove |