touchcancel Event
Example
Call a function when a touch is interrupted (for touch screens only):
<p ontouchcancel="myFunction(event)">Touch me!</p>
Try it Yourself »
Description
The touchcancel
event occurs when a touch event is interrupted.
The touchcancel
event only works on touch screens.
Different devices interrupts a touch event at different actions. It is considered good practice to include this event to clean up code if this "error" should occur.
Touch Events
Event | Occurs When |
---|---|
touchstart | The user touches an element |
touchmove | The user moves the finger across the screen |
touchend | The user removes the finger from an element |
touchcancel | The touch is interrupted |
Events that are triggered from the user interface belongs to the UiEvent Object.
UiEvent Properties
Property | Description |
---|---|
detail | A number with details about the event |
view | A reference to the Window object where the event occurred |
See Also:
Syntax
In JavaScript, using the addEventListener() method:
object.addEventListener("touchcancel", myScript);
Try it Yourself »
Technical Details
Bubbles: | Yes |
---|---|
Cancelable: | Yes |
Event type: | TouchEvent |
HTML tags: | All HTML elements |
Browser Support
ontouchcancel
is a DOM Level 4 (2015) feature.
It is supported in all modern browsers:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
ontouchcancel
is not supported in Internet Explorer 11 (or earlier).