touchmove 事件

定义和用法

当用户在屏幕上移动手指时会发生 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 不支持 不支持