W3cubDocs

GlobalEventHandlers.onpointercancel

A global event handler for the pointercancel event.

Syntax

var cancelHandler = targetElement.onpointercancel;

Return value

cancelHandler: The pointercancel event handler for element targetElement.

Example

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

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

Specifications

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

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	35	Yes	59 59 29 Disabled Disabled From version 29: this feature is behind the `dom.w3c_pointer_events.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	11 11 10 Uses the non-standard name: `onmspointercancel`	?	No

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	37	35	Yes	29 Disabled 29 Disabled Disabled From version 29: this feature is behind the `dom.w3c_pointer_events.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	?	No	?

GlobalEventHandlers.onpointercancel

Syntax

Return value

Example

Specifications

Browser compatibilityUpdate compatibility data on GitHub

See also