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 den für die Trefferprüfung relevanten Bereich eines Elements verlässt. Bei Stiftgeräten wird dieses Ereignis ausgelöst, wenn der Stift den vom Digitizer erfassbaren Hover-Bereich verlässt. Ansonsten verhält sich pointerleave wie mouseleave; beide Ereignisse werden gleichzeitig ausgelöst. Gegebenenfalls werden zur selben Zeit auch die Ereignisse mouseout und pointerout ausgelöst.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("pointerleave", (event) => { })
Alternativ können Sie der Event-Handler-Eigenschaft der Schnittstelle einen Wert zuweisen:
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 Event-Handler-Eigenschaft onpointerleave (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onpointerleave hinzugefügte Event-Listener ersetzt werden):
const para = document.querySelector("p");
para.onpointerleave = (event) => {
console.log("Pointer left element");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # pointerleave |
| Pointer Events # dom-globaleventhandlers-onpointerleave |