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

Question

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

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

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

Я хочу подчеркнуть то, что диапазон пользователь в настоящее время соприкасались.

Я успешно идут

Answer 1

The решение, которое я разработал, состоит в том, чтобы добавить в документ примечания к событиям:

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/

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

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