javascript - 在检测touchmove的同时检测touchstart

Question

我最近一直在忙于一个项目，直到现在我一直在使用 chrome 调试器移动模拟器。这意味着我已经能够用鼠标模拟触摸和拖动行为。不幸的是，由于只有一只鼠标，我永远无法同时进行这两项操作。

我正在做的项目向页面添加了两个半页大小的 DOM 元素，左边的一个绑定(bind)了一个 touchmove 事件监听器，右边的另一个绑定(bind)了一个 touchstart 事件监听器.他们都能顺畅地工作。

但今晚我将我的项目上传到网上以测试一些东西并用 iPad 打开它，发现我一次只能执行一个操作。当我在左侧 touchmoved 时，页面无法检测到右侧的 touchstart 事件，当我点击右侧时，同样无法检测到左侧的 touchmove 事件。

以前有人做过这样的事情吗？比如检测不同 DOM 元素上的不同触摸集？

此处包含的代码片段有点大，但 github 存储库的链接在这里:https://github.com/matthewolsson/JoyShtick

Answer 1

DOM 元素共享一个触摸数组。在这个测试阶段之前，我假设任何应用了触摸监听器的单个 DOM 元素都有自己的相关触摸数组。现在我知道页面上的每个元素，无论它的监听器如何，都有助于一个单独的触摸数组，该数组存储页面上的所有当前触摸。

知道这一点后，我使用 targetTouches 纠正了这种情况。触摸列表。该链接提供了一个很好的总结，但基础知识是这是一个单一的触摸数组，仅由第一个开始的 DOM 元素内发生的触摸填充。

你可以在这里找到这个列表的精彩解释 ~ ( stackoverflow.com/questions/7056026/variation-of-e-touches-e-targettouches-and-e-changedtouches )。最后但同样重要的是，W3C 有一个非常详细的 page关于触摸事件及其所有功能。