W3cubDocs

/DOM

GlobalEventHandlers.ontouchcancel

A global event handler for the touchcancel event.

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Note: This attribute has not been formally standardized. It is specified in the Touch Events – Level 2 Editor's Draft specification and not in Touch Events Recommendation. This attribute is not widely implemented.

Syntax

var cancelHandler = someElement.ontouchcancel;

Return value

cancelHandler
The touchcancel event handler for element someElement.

Example

This example shows two ways to use ontouchcancel to set an element's touchcancel event handler.

<html>
<script>
function cancelTouch(ev) {
 // Process the event
}
function init() {
 var el=document.getElementById("target1");
 el.ontouchcancel = cancelTouch;
}
</script>
<body onload="init();">
<div id="target1"> Touch me ... </div>
<div id="target2" ontouchcancel="cancelTouch(event)"> Touch me ... </div>
</body>
</html>

Specifications

Specification Status Comment
Touch Events – Level 2 Editor's Draft Non-stable version.

Browser compatibility

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

See also

© 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/GlobalEventHandlers/ontouchcancel