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 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	Draft	Non-stable version.

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	18	?	?	?	?	?

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	Yes	Yes	?	?	?	?	?

GlobalEventHandlers.ontouchcancel

Syntax

Return value

Example

Specifications

Browser compatibilityUpdate compatibility data on GitHub

See also