Element: pointerup-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 pointerup-Ereignis wird ausgelöst, wenn ein Zeiger nicht mehr aktiv ist. Denken Sie daran, dass es stattdessen möglich ist, ein pointercancel-Ereignis zu erhalten.
Dieses Verhalten unterscheidet sich von mouseup-Ereignissen. Beim Verwenden einer physischen Maus werden mouseup-Ereignisse immer dann ausgelöst, wenn eine Taste an der Maus losgelassen wird. pointerup-Ereignisse werden nur beim Loslassen der letzten Taste ausgelöst; vorherige Tastenfreigaben, während andere Tasten gedrückt gehalten werden, lösen keine pointerup-Ereignisse aus.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.
addEventListener("pointerup", (event) => { })
onpointerup = (event) => { }
Ereignistyp
Ein PointerEvent. Erbt von Event.
Beispiele
Verwendung von addEventListener():
const para = document.querySelector("p");
para.addEventListener("pointerup", (event) => {
console.log("Pointer up");
});
Verwendung der onpointerup-Ereignis-Handler-Eigenschaft:
const para = document.querySelector("p");
para.onpointerup = (event) => {
console.log("Pointer up");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # the-pointerup-event |
| Pointer Events # dom-globaleventhandlers-onpointerup |