javascript - touch事件 click事件相互冲突 有影响

Question

现在遇到一个问题 有个元素A【宽度是500px】里有几个B元素[6个B元素 每个宽度是200px;] 现在滑动A的时候让显示不同的B 使用了touchstart touchmove touchend, 现在点击B元素的时候会执行A元素的滚动事件 如果设置了e.preventDefault B元素的click事件无法执行。

Answer 1

移动端 click事件慢300ms好像是。
不如这样。
A元素的touchmove里用move变量标记是否移动。在B的touchstart里重置为false，然后在B的touchend里根据move的值判断是否响应你原本要在click里做的操作。