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 | Status |
---|---|
Pointer Events | Obsolete |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
lostpointercapture event | Chrome Full support 57 | Edge Full support ≤79 | Firefox Full support 59 | IE ? | Opera Full support 44 | Safari ? | WebView Android Full support 57 | Chrome Android Full support 57 | Firefox Android No support No | Opera Android Full support 43 | Safari iOS ? | Samsung Internet Android Full support 7.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
See also
- Related events
GlobalEventHandlers.onlostpointercapture
event handler property- This event on
HTMLElement
targets:lostpointercapture
event