javascript - 在触摸事件中定位元素(移动Safari)

我正在处理Javascript事件（这对我来说是完全陌生的主题），并且需要一些有关在移动Safari中处理触摸事件的指导。

我有一个看起来像这样的文档：

<div>
    <span>one</span><span>two</span>
</div>

我想突出显示用户当前触摸的范围。

我已经成功去了

最佳答案

我制定的解决方案是将eventListeners添加到文档中：

    document.addEventListener("touchstart", touchStart, "true");
    document.addEventListener("touchmove", touchMove, "true");
    document.addEventListener("touchend", touchEnd, "true");

然后针对每个触摸事件执行所需的操作。我之所以这么称呼是因为它本身不是具有位置的事件（例如在常规事件处理中），而是具有位置的一组触摸。

    function touchMove(event)
{
    // // Prevent the webview itself from scrolling / bouncing around
     event.preventDefault();
    // Only track one finger
    if ( event.touches.length == 1)
    {
        var touch = event.touches[0];
        doStuffAtPosition(touch.pageX, touch.pageY);
    }
}

关于javascript - 在触摸事件中定位元素(移动Safari)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4812078/