Element : évènement pointerenter
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 pointerenter se déclenche lorsqu'un dispositif de pointage est déplacé dans les limites de test de l'élément ou de l'un de ses descendants, y compris à la suite d'un évènement pointerdown provenant d'un dispositif qui ne prend pas en charge le survol (voir pointerdown). Sinon, pointerenter fonctionne de la même manière que mouseenter, et sont déclenchés en même temps. Ils sont également déclenchés en même temps que les évènements mouseover et pointerover, 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("pointerenter", (event) => { })
onpointerenter = (event) => { }
Type d'évènement
Un objet PointerEvent. Hérite de Event.
Exemples
Utilisation de addEventListener() :
const para = document.querySelector("p");
para.addEventListener("pointerenter", (event) => {
console.log("Le pointeur est entré dans l'élément");
});
Utilisation de la propriété de gestionnaire d'évènements onpointerenter :
const para = document.querySelector("p");
para.onpointerenter = (event) => {
console.log("Le pointeur est entré dans l'élément");
};
Spécifications
| Spécification |
|---|
| Pointer Events # the-pointerenter-event |
| Pointer Events # dom-globaleventhandlers-onpointerenter |