touchcancel event

DOM Events TouchEvent

Definition and Usage

The touchcancel event occurs when a touch event is interrupted.

Different devices may interrupt touch events in different actions, and if such a "mistake" occurs, it is considered a good habit to include this event to clean up the code.

Note:The touchcancel event is only applicable to devices with touchscreens.

Tip:Here are other events related to the touchcancel event:

  • touchstart - Occurs when the user touches an element
  • touchend - Occurs when the user removes a finger from an element
  • touchmove - Occurs when the user moves a finger on the screen

Example

Execute JavaScript when a touch is interrupted (only for touchscreens):

<p ontouchcancel="myFunction(event)">Touch me!</p>

Try it yourself

Syntax

In HTML:

<element ontouchcancel="myScript">

Try it yourself

In JavaScript:

object.ontouchcancel = myScript;

Try it yourself

In JavaScript, use the addEventListener() method:

object.addEventListener("touchcancel", myScript);

Try it yourself

Technical details

Bubbling: Supported
Cancellable: Supported
Event types: TouchEvent
Supported HTML tags: All HTML Elements

Browser Support

The numbers in the table indicate the first browser version that fully supports the event.

Event Chrome IE Firefox Safari Opera
touchcancel 22.0 12.0 52 Not Supported Not Supported
DOM Events TouchEvent