Releases (stops) pointer capture that was previously set for a specific (PointerEvent) pointer.
See the Element.setPointerCapture() method for a description of pointer capture and how to set it for a particular element.
targetElement.releasePointerCapture(pointerId);
identifier for a pointer event.If pointerId does not match any the active pointers, this method returns void and throws a DOMException with the name InvalidPointerId.
<html>
<script>
function downHandler(ev) {
var el=document.getElementById("target");
// Element "target" will receive/capture further events
el.setPointerCapture(ev.pointerId);
}
function cancelHandler(ev) {
var el=document.getElementById("target");
// Release the pointer capture
el.releasePointerCapture(ev.pointerId);
}
function init() {
var el=document.getElementById("target");
// Register pointerdown and pointercancel handlers
el.onpointerdown = downHandler;
el.onpointercancel = cancelHandler;
}
</script>
<body onload="init();">
<div id="target"> Touch me ... </div>
</body>
</html>
| Specification | Status | Comment |
|---|---|---|
| Pointer Events – Level 2 The definition of 'releasePointerCapture' in that specification. | Working Draft | Non-stable version. |
| Pointer Events The definition of 'releasePointerCapture' in that specification. | Recommendation | Initial definition. |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | 55 | ? | 59
|
11
|
42 | No |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | 55 | 55 | ? | No
|
42 | No | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/element/releasePointerCapture