touchcancel 事件

实例

触摸中断时执行 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 元素