touchstart 事件

DOM 事件 TouchEvent

定义和用法

touchstart 事件在用户触摸一个元素时发生。

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

提示：以下是其他与 touchstart 事件相关的事件：

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

实例

当用户触摸 P 元素时执行 JavaScript（仅适用于触摸屏）：

<p ontouchstart="myFunction(event)">Touch me!</p>

亲自试一试

语法

在 HTML 中：

<element ontouchstart="myScript">

亲自试一试

在 JavaScript 中：

object.ontouchstart = myScript;

亲自试一试

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

object.addEventListener("touchstart", myScript);

亲自试一试

技术细节

冒泡： 支持
可取消： 支持
事件类型： TouchEvent
支持的 HTML 标签： 所有 HTML 元素

浏览器支持

表中的数字注明了完全支持该事件的首个浏览器版本。

事件 Chrome IE Firefox Safari Opera
touchstart 22.0 12.0 52 不支持 不支持
DOM 事件 TouchEvent