расположение элементов в сенсорных событиях (мобильное сафари)

Question

Я работаю с событиями Javascript (тема, совершенно чуждая мне), и мне нужны некоторые рекомендации по обработке сенсорных событий в мобильном сафари.

У меня есть документ, похожий на:

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

Я хочу выделить любой промежуток, к которому пользователь в данный момент прикасается.

Я успешно ушел

Answer 1

Решение, которое я разработал, заключается в добавлении 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);
    }
}

Answer 2

Вы можете оформить заказ http://www.jqtouch.com/

Создает событие под названием "tap" https://github.com/senchalabs/jQTouch/wiki/callbackevents

Вы можете поиграть с демо jqtouch здесь http://www.jqtouch.com/preview/demos/main/#home