HTMLElement: lostpointercapture event

The lostpointercapture event is fired when a captured pointer is released.

Bubbles	Yes
Cancelable	No
Interface	`PointerEvent`
Event handler property	`onlostpointercapture`

Examples

This example listens for the lostpointercapture event for an element, and captures the pointer for the element on pointerdown. When the user subsequently releases the pointer, the lostpointercapture event will be fired.

const para = document.querySelector('p');

para.addEventListener('lostpointercapture', () => {
  console.log('I\'ve been released!')
});

para.addEventListener('pointerdown', (event) => {
  para.setPointerCapture(event.pointerId);
});

The same example, but using the onlostpointercapture event handler property:

const para = document.querySelector('p');

para.onlostpointercapture = () => {
  console.log('I\'ve been released!')
};

para.addEventListener('pointerdown', (event) => {
  para.setPointerCapture(event.pointerId);
});

Specifications

Specification
Pointer Events # the-lostpointercapture-event

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`lostpointercapture_event`	57	17	59	No	44	13	57	57	79	43	13	7.0

Name	Web APIs
Version
Badge
Last Updated	2022-04-27T09:33:08Z

HTMLElement: lostpointercapture event

Examples

Specifications

Browser compatibility

See also