---
title: touchstart
slug: Web/API/Element/touchstart_event
tags:
  - Event
  - UI
  - UI Events
  - UX
  - touchstart
  - 事件
  - 触摸
  - 触摸事件
translation_of: Web/API/Element/touchstart_event
---
<p>{{APIRef}}</p>

<p>当一个或多个触摸点与触控设备表面接触时触发<code>touchstart</code> 事件.</p>

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

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

<p>这些时间的代码样例可在这个专用页面查看：<a href="/en-US/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-touchstart')}}</td>
   <td>{{Spec2('Touch Events')}}</td>
  </tr>
 </tbody>
</table>

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



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

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

<ul>
 <li><a href="/en-US/docs/Web/API/Touch_events">Touch events</a></li>
 <li>以 <code><a href="/en-US/docs/Web/API/Document">Document</a></code> 为目标的相同事件：<code><a href="/en-US/docs/Web/API/Document/touchstart_event">touchstart</a></code></li>
</ul>