touchcancel 事件

DOM 事件 TouchEvent

实例

触摸中断时执行 JavaScript（仅适用于触摸屏）：

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

亲自试一试

定义和用法

touchcancel 事件在触摸事件被中断时发生。

不同的设备会在不同的动作中中断触摸事件，如果发生这种“错误”，那么包含此事件来清理代码被认为是一种好习惯。

注释：touchcancel 事件仅适用于带有触摸屏的设备。

提示：以下是其他与 touchcancel 事件相关的事件：

  • touchstart - 当用户触摸元素时发生
  • touchend - 当用户从元素上移开手指时发生
  • touchmove - 当用户在屏幕上移动手指时发生

浏览器支持

表中的数字注明了完全支持该事件的首个浏览器版本。

事件 Chrome IE Firefox Safari Opera
touchcancel 22.0 12.0 52 不支持 不支持

语法

在 HTML 中：

<element ontouchcancel="myScript">

亲自试一试

在 JavaScript 中：

object.ontouchcancel = myScript;

亲自试一试

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("touchcancel", myScript);

亲自试一试

技术细节

冒泡： 支持
可取消： 支持
事件类型： TouchEvent
支持的 HTML 标签： 所有 HTML 元素
DOM 事件 TouchEvent