javascript - 使用javascript检测滑动方向

Question

寻找一种使用 TOUCHEND、TOUCHSTART 事件的方法，以允许用户通过滑动手势滚动页面。我不知道如何确定方向(例如获取TOUCHEND和TOUCHSTART点的坐标来确定方向)。

Answer 1

从概念上讲，您可以这样做:

1. 注册 touchstart 和 touchend 的事件处理程序。
2. 在 touchstart 上，您将特定手指的 x 和 y 坐标存储在持久变量中。
3. 在 touchend 上，您可以将 x 和 y 坐标与之前保存的值进行比较。
4. 如果 Math.abs(deltaX) 大于某个最小阈值并且 Math.abs(deltaX) > Math.abs(deltaY)，则手势为左/右。如果 xEnd 大于 xBegin，则从左到右移动，否则从右到左移动。
5. 如果 Math.abs(deltaY) 大于某个最小阈值并且 Math.abs(deltaY) > Math.abs(deltaX)，则移动为向上/向下。如果 yEnd > yBegin，则向下，否则向上。
6. 如果两个方向都不超过最小阈值，则该手势不足以表示滑动手势。

参见here on MDN有关触摸事件数据的信息。 MDN 始终是我寻找此类内容的第一个地方。