html5 touch 触摸事件如何监听一个手指多次来回摩擦触发事件？

Posted 2023-03-09

webapp 触摸事件 怎样监听到 触摸 左右来回移动事件 有三次以上的话 就操作

现在我只能监听touchmove 移动了一段距离 但没办法判断是否多次左右移动 实现摩擦

touchstart：触摸开始的时候触发
touchmove：手指在屏幕上滑动的时候触发
touchend：触摸结束的时候触发
而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：
touches：当前位于屏幕上的所有手指的列表。
targetTouches：位于当前DOM元素上手指的列表。
changedTouches：涉及当前事件手指的列表。
每个触摸点由包含了如下触摸信息（常用）：
identifier：一个数值，唯一标识触摸会话（touch session）中的当前手指。一般为从0开始的流水号（android4.1，uc）
target：DOM元素，是动作所针对的目标。 参考技术A touchstart：触摸开始的时候触发
touchmove：手指在屏幕上滑动的时候触发
touchend：触摸结束的时候触发
而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：
touches：当前位于屏幕上的所有手指的列表。
targetTouches：位于当前DOM元素上手指的列表。
changedTouches：涉及当前事件手指的列表。
每个触摸点由包含了如下触摸信息（常用）：
identifier：一个数值，唯一标识触摸会话（touch session）中的当前手指。一般为从0开始的流水号（android4.1，uc）
target：DOM元素，是动作所针对的目标。本回答被提问者和网友采纳 参考技术B 定义一个变量，摸一次就加一，摸够三次就操作。思路给你了，代码自己写追问

思路我也有啊 问题是代码实现 是个问题 三个事件 试过了 都不对
问题是左右摩擦 会多次触发那个事件呢？ touchstart touchend touchmove 这几个事件我都试过 不行呢