---
title: touchcancel
slug: Web/API/Element/touchcancel_event
tags:
  - Event
  - TouchEvent
  - UI
  - UI Events
  - UX
  - 事件
  - 触摸
  - 触摸事件
translation_of: Web/API/Element/touchcancel_event
---
<p>当触摸点被中断时会触发 <code>touchcancel</code> 事件，中断方式基于特定实现而有所不同（例如， 创建了太多的触摸点）。</p>

<table class="properties">
 <tbody>
  <tr>
   <th>Bubbles</th>
   <td>Yes</td>
  </tr>
  <tr>
   <th>Cancelable</th>
   <td>No</td>
  </tr>
  <tr>
   <th>Interface</th>
   <td>{{domxref("TouchEvent")}}</td>
  </tr>
  <tr>
   <th>Event handler property</th>
   <td>{{ DOMxRef("GlobalEventHandlers.ontouchcancel","ontouchcancel")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="示例">示例</h2>

<p>在这个专用页面查看这些事件的代码样例：<a href="/en-US/docs/DOM/Touch_events">Touch events</a>。</p>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">规范</th>
   <th scope="col">状态</th>
  </tr>
  <tr>
   <td>{{SpecName('Touch Events', '#event-touchcancel')}}</td>
   <td>{{Spec2('Touch Events')}}</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>



<p>{{Compat("api.Element.touchcancel_event")}}</p>

<h2 id="参见">参见</h2>

<ul>
 <li>{{ domxref("GlobalEventHandlers.ontouchcancel","ontouchcancel")}}</li>
 <li>目标为 <code><a href="/en-US/docs/Web/API/Document">Document</a></code> 的相同事件： <code><a href="/en-US/docs/Web/API/Document/touchcancel_event">touchcancel</a> </code></li>
</ul>