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. Beachten Sie, dass stattdessen auch ein pointercancel-Ereignis auftreten kann.
Dieses Verhalten unterscheidet sich von mouseup-Ereignissen. Bei einer physischen Maus wird ein mouseup-Ereignis ausgelöst, sobald eine beliebige Maustaste losgelassen wird. Ein pointerup-Ereignis wird dagegen erst ausgelöst, wenn die letzte gedrückte Taste losgelassen wird. Werden zuvor Tasten losgelassen, während andere noch gedrückt sind, wird kein pointerup-Ereignis ausgelöst.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("pointerup", (event) => { })
Alternativ können Sie ihn der Ereignisbehandlungs-Eigenschaft der Schnittstelle zuweisen:
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-Ereignisbehandlungs-Eigenschaft (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onpointerup hinzugefügte Ereignis-Listener ersetzt werden):
const para = document.querySelector("p");
para.onpointerup = (event) => {
console.log("Pointer up");
};
Spezifikationen
| Spezifikation |
|---|
| Pointer Events # pointerup |
| Pointer Events # dom-globaleventhandlers-onpointerup |