This article needs a technical review. How you can help.

A global event handler for the pointercancel event.


var cancelHandler = targetElement.onpointercancel;

Return value

The pointercancel event handler for element targetElement.


This example shows two ways to use onpointercancel to set an element's pointercancel event handler.

function cancelHandler(ev) {
 // Process the pointercancel event
function init() {
 var el=document.getElementById("target1");
 el.onpointercancel = cancelHandler;
<body onload="init();">
<div id="target1"> Touch me ... </div>
<div id="target2" onpointercancel="cancelHandler(event)"> Touch me ... </div>


Specification Status Comment
Pointer Events – Level 2
The definition of 'onpointercancel' in that specification.
Editor's Draft Non-stable version
Pointer Events
The definition of 'onpointercancel' in that specification.
Recommendation Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support Not supported (Yes) 10 Not supported Not supported
Feature Android Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support Not supported Not supported Not supported Not supported Not supported 10 Not supported Not supported

See also

Document Tags and Contributors

 Contributors to this page: rolfedh, Sebastianz, AFBarstow
 Last updated by: rolfedh,