目录

touchmove 事件

示例

当用户将手指移到 P 元素上时调用函数(仅适用于触摸屏):

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

描述

这个touchmove事件发生时用户在屏幕上移动手指

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

每次移动都会触发一次 touchmove 事件,并持续到手指松开为止。

触摸事件

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 ontouchmove=" myScript">
亲自试一试 »

在 JavaScript 中:

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

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

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

技术细节

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

浏览器支持

ontouchmove是 DOM Level 4 (2015) 功能。

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

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

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