touchmove 事件

DOM 事件 TouchEvent

定义和用法

当用户在屏幕上移动手指时会发生 touchmove 事件。

touchmove 事件每次移动都会触发一次，并且会持续触发直到手指松开。

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

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

实例

当用户将手指移到 P 元素上时执行 JavaScript（仅适用于触摸屏）：

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

亲自试一试

语法

在 HTML 中：

<element ontouchmove="myScript">

亲自试一试

在 JavaScript 中：

object.ontouchmove = myScript;

亲自试一试

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

object.addEventListener("touchmove", myScript);

亲自试一试

技术细节

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

浏览器支持

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

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