touchstart 事件

实例

当用户触摸 P 元素时执行 JavaScript(仅适用于触摸屏):

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

亲自试一试

定义和用法

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

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

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

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

浏览器支持

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

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

语法

在 HTML 中:

<element ontouchstart="myScript">

亲自试一试

在 JavaScript 中:

object.ontouchstart = myScript;

亲自试一试

在 JavaScript 中,使用 addEventListener() 方法:

object.addEventListener("touchstart", myScript);

亲自试一试

技术细节

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