码农教程 - 一技在手,衣食无忧! tools

目录

touchcancel Event

❮ Previous Events Reference Next ❯

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:

The IU Event Object
The Touch Event Object

Syntax

In HTML:

< element ontouchcancel=" myScript">
Try it Yourself »

In JavaScript:

object.ontouchcancel = myScript;
Try it Yourself »

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).



❮ Previous Events Reference Next ❯