Element: pointerleave 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 pointerleave-Ereignis wird ausgelöst, wenn ein Zeigegerät aus den Treffergrenzen eines Elements bewegt wird. Bei Stiftgeräten wird dieses Ereignis ausgelöst, wenn der Stift den vom Digitalisierer erkennbaren Hover-Bereich verlässt. Ansonsten funktioniert pointerleave genauso wie mouseleave und wird zur gleichen Zeit ausgelöst. Sie werden ebenfalls zur gleichen Zeit wie die Ereignisse mouseout und pointerout ausgelöst, wenn zutreffend.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.
addEventListener("pointerleave", (event) => { })
onpointerleave = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Beispiele
Verwendung von addEventListener():
const para = document.querySelector("p");
para.addEventListener("pointerleave", (event) => {
console.log("Pointer left element");
});
Verwendung der onpointerleave Ereignishandler-Eigenschaft:
const para = document.querySelector("p");
para.onpointerleave = (event) => {
console.log("Pointer left element");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # the-pointerleave-event |
| Pointer Events # dom-globaleventhandlers-onpointerleave |