轻松上手,快乐学习!

touchcancel 事件


❮ DOM 事件 ❮ TouchEvent

实例

触摸中断时执行 JavaScript(仅适用于触摸屏):

<p ontouchcancel="myFunction(event)">Touch me!</p>
亲自试一试 »

定义和用法

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

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

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

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

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

浏览器支持

表中的数字表示支持该事件的第一个浏览器版本。

事件
touchcancel 22.0 12.0 52 不支持 不支持

语法

在 HTML 中:

<element ontouchcancel="myScript">
亲自试一试 »

在 JavaScript 中:

object.ontouchcancel = myScript;
亲自试一试 »

在 JavaScript 中,使用 addEventListener() 方法:

object.addEventListener("touchcancel", myScript);
亲自试一试 »

技术细节

是否支持冒泡: Yes
是否支持取消: Yes
事件类型: TouchEvent
支持的 HTML 标签: 所有 HTML 元素

❮ DOM 事件 ❮ TouchEvent