JavaScript HTML DOM touchcancel 事件

• 

  touchcancel 事件

  触摸事件中断时会发生touchcancel事件。不同的设备将在不同的操作中中断触摸事件，如果发生此“错误”，则将此事件包括在清理代码中是一种良好的做法。

  注意：touchstart事件仅适用于带触摸屏的设备。

  提示：与touchstart事件相关的其他事件包括：

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

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

  <p ontouchcancel="myFunction(event)">触摸我!</p>
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  事件
  touchcancel	12.0+	22.0+	52.0+	不支持	不支持

• 

  语法

  在HTML中：

  <element touchcancel="myScript">

  在JavaScript中：

  object.touchcancel = function(){myScript};

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

  object.addEventListener("touchcancel", myScript);

  注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。
• 

  技术细节

  项目	描述
  冒泡：	有
  取消：	有
  事件类型：	TouchEvent
  支持的HTML标记：	所有HTML元素