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 | 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
onlostpointercapture
event handler property- This event on
Document
targets:lostpointercapture
event