目录

touchstart 事件

示例

当用户触摸 P 元素时调用函数(仅适用于触摸屏):

<p ontouchstart="myFunction(event)">Touch me!</p>
亲自试一试 »

描述

这个touchstart事件发生时用户触摸某个元素

这个touchstart事件仅适用于触摸屏。

触摸事件

Event Occurs When
touchstart The user touches an element
touchmove The user moves the finger across the screen
touchend The user removes the finger from an element
touchcancel The touch is interrupted

从用户界面触发的事件属于用户界面事件对象

UiEvent 属性

Property Description
detail A number with details about the event
view A reference to the Window object where the event occurred

也可以看看:

IU 事件对象
触摸事件对象



语法

在 HTML 中:

< element ontouchstart=" myScript">
亲自试一试 »

在 JavaScript 中:

object.ontouchstart = myScript;
亲自试一试 »

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

object.addEventListener("touchstart", myScript);
亲自试一试 »

技术细节

气泡: 是的
可取消: 是的
事件类型: 触摸事件
HTML 标签: 所有 HTML 元素

浏览器支持

ontouchstart是 DOM Level 4 (2015) 功能。

所有现代浏览器都支持它:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

ontouchstartInternet Explorer 11(或更早版本)不支持。