des éléments de positionnement dans les événements tactiles (Safari mobiles)

Question

Je travaille avec des événements Javascript (un sujet complètement étranger à moi) et je suis dans le besoin de quelques conseils sur la gestion des événements tactiles dans Safari mobile.

J'ai un document qui ressemble à quelque chose comme:

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

Je tiens à souligner tout ce qui enjambent l'utilisateur est actuellement toucher.

Je suis aller avec succès

Answer 1

La solution que je travaille sur est d'ajouter eventListeners au document:

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

Ensuite, faites ce que vous devez avec chaque événement touche . J'étoiles parce que ce ne est pas l'événement lui-même qui a un emplacement (comme dans la gestion des événements normal), il est l'ensemble des touches qui ont des emplacements.

    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

Vous pouvez http://www.jqtouch.com/

Il crée un événement appelé "tap" https://github.com/senchalabs/jQTouch/ wiki / callbackevents

Vous pouvez jouer avec une démo de jQTouch ici http: //www.jqtouch. com / preview / démos / main / # accueil