javascript - 使用触摸事件在移动浏览器上模拟鼠标悬停的最佳方法是什么？

Question

我有一个简单的 UI，允许桌面浏览器上的用户单击网格中的单元格，并在按住鼠标按钮的同时，移动鼠标以快速突出显示多个单元格。我通过 document 上的 mousedown、mouseover 和 mouseup 事件来完成此操作，并使用 bool 标志来指示是否鼠标按钮没有被按住。它在桌面浏览器上运行良好。

问题出在移动浏览器上。这些鼠标事件不存在，我知道我们需要使用 touch 事件来代替，但在 Google、SO 等进行广泛搜索后，我找不到一致、可行的方法来执行此操作移动浏览器上也有类似的情况。

我见过的最接近的是使用 touchstart 捕获开始，然后使用 touchmove 和 evt.touches[0].clientX 跟踪手指移动/Y 属性。有没有更好/更简单的方法来做到这一点，或者我们被迫基本上使用 clientX/Y 检查屏幕坐标，以找出我们“悬停在”哪个 DOM 元素并相应地突出显示 DOM 元素？

Answer 1

我认为您找到了正确的解决方案。这周我必须做类似的事情。一条建议是:

当 onTouchStart 事件触发时，在 document 上设置 onTouchMove 事件，这样即使用户移动到元素之外，该事件也会触发触发了初始事件。 (这可能与您的特定 UI 无关)