Расположение элементов в событиях соприкосновения (Mobile Safari)

Question

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

У меня есть документ, который выглядит как:

<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");

Тогда делай то, что тебе нужно с каждый Touch Event. Я снимаю это, потому что это не само событие, которое имеет местоположение (например, в обычной обработке событий), это набор штрихов, которые имеют местоположения.

    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