Element: pointerover Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2020 browserübergreifend verfügbar.
Das pointerover Ereignis wird ausgelöst, wenn ein Zeigegerät in die Hit-Test-Grenzen eines Elements bewegt wird.
pointerover Ereignisse haben die gleichen Probleme wie mouseover. Wenn das Ziel-Element Kindelemente hat, werden pointerout und pointerover Ereignisse ausgelöst, während sich der Zeiger über die Grenzen dieser Elemente bewegt, nicht nur über das Ziel-Element selbst. In der Regel ist das Verhalten von pointerenter und pointerleave Ereignissen sinnvoller, da sie nicht davon beeinflusst werden, dass man in Kindelemente hinein- oder herausbewegt.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
addEventListener("pointerover", (event) => { })
onpointerover = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Beispiele
Verwendung von addEventListener():
const para = document.querySelector("p");
para.addEventListener("pointerover", (event) => {
console.log("Pointer moved in");
});
Verwendung der onpointerover Ereignis-Handler-Eigenschaft:
const para = document.querySelector("p");
para.onpointerover = (event) => {
console.log("Pointer moved in");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # the-pointerover-event |
| Pointer Events # dom-globaleventhandlers-onpointerover |