Element: pointerup event

The pointerup event is fired when a pointer is no longer active. Remember that it is possible to get a pointercancel event instead.

This behavior is different from mouseup events. When using a physical mouse, mouseup events fire whenever any button on a mouse is released. pointerup events fire only upon the last button release; previous button releases, while other buttons are held down, don't fire pointerup events.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

js
addEventListener("pointerup", (event) => { })

onpointerup = (event) => { }

Event type

A PointerEvent. Inherits from Event.

EventUIEventMouseEventPointerEvent

Examples

Using addEventListener():

js
const para = document.querySelector("p");

para.addEventListener("pointerup", (event) => {
  console.log("Pointer up");
});

Using the onpointerup event handler property:

js
const para = document.querySelector("p");

para.onpointerup = (event) => {
  console.log("Pointer up");
};

Specifications

See also