Document: lostpointercapture event
The lostpointercapture
event is fired when a captured pointer is released.
Bubbles | No |
---|---|
Cancelable | No |
Interface | PointerEvent |
Event handler property | onlostpointercapture |
Examples
This example listens for the lostpointercapture
event, and captures the pointer for an element on pointerdown
. When the user subsequently releases the pointer, the lostpointercapture
event will be fired.
const para = document.querySelector('p');
document.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');
document.onlostpointercapture = () => {
console.log('I\'ve been released!')
};
para.addEventListener('pointerdown', (event) => {
para.setPointerCapture(event.pointerId);
});
Specifications
Specification |
---|
Pointer Events # the-lostpointercapture-event |
Browser compatibility
BCD tables only load in the browser
See also
- Related events
GlobalEventHandlers.onlostpointercapture
event handler property- This event on
HTMLElement
targets:lostpointercapture
event