Element: lostpointercapture-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 lostpointercapture-Ereignis wird ausgelöst, wenn ein erfasster Pointer freigegeben wird.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("lostpointercapture", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
onlostpointercapture = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Beispiele
Dieses Beispiel überwacht das lostpointercapture-Ereignis für ein Element und erfasst den Pointer für dieses Element bei pointerdown. Wenn der Benutzer den Pointer anschließend freigibt, wird das lostpointercapture-Ereignis ausgelöst.
const para = document.querySelector("p");
para.addEventListener("lostpointercapture", () => {
console.log("I've been released!");
});
para.addEventListener("pointerdown", (event) => {
para.setPointerCapture(event.pointerId);
});
Dasselbe Beispiel, jedoch mit der Event-Handler-Eigenschaft onlostpointercapture. Beachten Sie, dass dadurch gegebenenfalls andere Ereignis-Listener ersetzt werden, die mit onlostpointercapture hinzugefügt wurden:
const para = document.querySelector("p");
para.onlostpointercapture = () => {
console.log("I've been released!");
};
para.addEventListener("pointerdown", (event) => {
para.setPointerCapture(event.pointerId);
});
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # lostpointercapture |
| Pointer Events # dom-globaleventhandlers-onlostpointercapture |