Element: gotpointercapture 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 gotpointercapture Ereignis wird ausgelöst, wenn ein Element einen Zeiger mit setPointerCapture() erfasst.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignis-Handler-Eigenschaft.
js
addEventListener("gotpointercapture", (event) => { })
ongotpointercapture = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Beispiele
Dieses Beispiel erhält ein <p>-Element und hört auf das gotpointercapture Ereignis. Es ruft dann setPointerCapture() auf dem Element bei einem pointerdown Ereignis auf, was gotpointercapture auslöst.
js
const para = document.querySelector("p");
para.addEventListener("gotpointercapture", () => {
console.log("I've been captured!");
});
para.addEventListener("pointerdown", (event) => {
para.setPointerCapture(event.pointerId);
});
Das gleiche Beispiel unter Verwendung der ongotpointercapture Ereignis-Handler-Eigenschaft:
js
const para = document.querySelector("p");
para.ongotpointercapture = () => {
console.log("I've been captured!");
};
para.addEventListener("pointerdown", (event) => {
para.setPointerCapture(event.pointerId);
});
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # the-gotpointercapture-event |
| Pointer Events # dom-globaleventhandlers-ongotpointercapture |