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 mehreren Gründen ausgelöst: Ein Zeigegerät bewegt sich aus den Grenzen des Hit-Tests eines Elements heraus; für ein Gerät, das Hover nicht unterstützt, wird das Ereignis pointerup ausgelöst (siehe pointerup); das Ereignis pointercancel wurde ausgelöst (siehe pointercancel); oder ein Eingabestift verlässt den vom Digitizer erkennbaren Hover-Bereich.
pointerout-Ereignisse haben dieselben Probleme wie mouseout. Wenn das Zielelement Kindelemente hat, werden pointerout- und pointerover-Ereignisse auch ausgelöst, wenn der Zeiger die Grenzen dieser Kindelemente überschreitet, nicht nur die Grenzen des Zielelements selbst. Das Verhalten der Ereignisse pointerenter und pointerleave ist meist sinnvoller, da sie nicht durch Bewegungen in Kindelemente hinein beeinflusst werden.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("pointerout", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
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 Event-Handler-Eigenschaft onpointerout (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onpointerout hinzugefügte Event-Listener ersetzt werden):
const para = document.querySelector("p");
para.onpointerout = (event) => {
console.log("Pointer moved out");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # pointerout |
| Pointer Events # dom-globaleventhandlers-onpointerout |