---
title: 'Document: touchstart 事件'
slug: Web/API/Document/touchstart_event
tags:
  - Document
  - Event
  - TouchEvent
  - Web
  - touchstart
  - 参考
translation_of: Web/API/Document/touchstart_event
---
<div>{{APIRef}}</div>

<p><span class="seoSummary">当一个或多个触摸点与触控设备表面接触时触发<code>touchstart</code> 事件。</span></p>

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

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

<p>这些时间的代码样例可在这个专用页面查看：<a href="/en-US/docs/Web/API/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.Document.touchstart_event")}}</p>

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

<ul>
 <li><a href="/en-US/docs/Web/API/Touch_events">Touch events</a></li>
 <li>{{ domxref("GlobalEventHandlers.ontouchstart","ontouchstart")}}</li>
 <li>以 <code><a href="/en-US/docs/Web/API/Element">Element</a></code> 为目标的相同时间：<code><a href="/en-US/docs/Web/API/Element/touchstart_event">touchstart</a></code></li>
</ul>