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 gefangener Zeiger freigegeben wird.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
js
addEventListener("lostpointercapture", (event) => { })
onlostpointercapture = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Beispiele
In diesem Beispiel wird für ein Element das lostpointercapture Ereignis überwacht, und der Zeiger für das Element bei pointerdown erfasst. Wenn der Benutzer anschließend den Zeiger freigibt, wird das lostpointercapture Ereignis ausgelöst.
js
const para = document.querySelector("p");
para.addEventListener("lostpointercapture", () => {
console.log("I've been released!");
});
para.addEventListener("pointerdown", (event) => {
para.setPointerCapture(event.pointerId);
});
Dasselbe Beispiel, aber unter Verwendung der onlostpointercapture Ereignis-Handler-Eigenschaft:
js
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 # the-lostpointercapture-event |
| Pointer Events # dom-globaleventhandlers-onlostpointercapture |