[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/de/docs/Web/API/Element/gotpointercapture_event [Back]  [Original]

Element: gotpointercapture Ereignis - Web-APIs | MDN

Dieser Inhalt wurde automatisch aus dem Englischen bersetzt, und kann Fehler enthalten. Erfahre mehr ber dieses Experiment.

View in English Always switch to English

Element: gotpointercapture Ereignis

Baseline Weitgehend verfgbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2020 browserbergreifend verfgbar.

Das gotpointercapture Ereignis wird ausgelst, wenn ein Element einen Zeiger mit setPointerCapture() erfasst.

In diesem Artikel

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.

Event UIEvent MouseEvent PointerEvent

Beispiele

Dieses Beispiel erhlt ein <p>-Element und hrt auf das gotpointercapture Ereignis. Es ruft dann setPointerCapture() auf dem Element bei einem pointerdown Ereignis auf, was gotpointercapture auslst.

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

Browser-Kompatibilitt

Siehe auch


Web Proxy Viewer  |  New URL  |  Original Page