Element: pointerout 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 pointerout Ereignis wird aus verschiedenen Gründen ausgelöst, unter anderem: wenn sich das Zeigegerät außerhalb der Hit-Test-Grenzen eines Elements bewegt; beim Auslösen des pointerup Ereignisses für ein Gerät, das keinen Hover unterstützt (siehe pointerup); nach dem Auslösen des pointercancel Ereignisses (siehe pointercancel); wenn ein Stift außerhalb des durch den Digitalisierer erkennbaren Hover-Bereichs verlässt.
pointerout Ereignisse haben die gleichen Probleme wie mouseout. Wenn das Zielelement Kindelemente hat, werden pointerout und pointerover Ereignisse ausgelöst, wenn sich der Zeiger über die Grenzen dieser Elemente bewegt, nicht nur über das Zielelement selbst. Normalerweise ist das Verhalten der pointerenter und pointerleave Ereignisse sinnvoller, da sie nicht von der Bewegung in Kindelemente beeinflusst werden.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignishandler-Eigenschaft.
addEventListener("pointerout", (event) => { })
onpointerout = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Beispiele
Verwendung von addEventListener():
const para = document.querySelector("p");
para.addEventListener("pointerout", (event) => {
console.log("Pointer moved out");
});
Verwendung der onpointerout Ereignishandler-Eigenschaft:
const para = document.querySelector("p");
para.onpointerout = (event) => {
console.log("Pointer moved out");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # the-pointerout-event |
| Pointer Events # dom-globaleventhandlers-onpointerout |