2011-01-27 2 views
1

Je travaille avec des événements Javascript (un sujet qui m'est complètement étranger) et j'ai besoin de conseils sur la gestion des événements tactiles dans un safari mobile.localiser des éléments dans des événements tactiles (safari mobile)

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

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

Je veux souligner tout ce que l'utilisateur est portée actuellement toucher.

j'aller avec succès

Répondre

1

Le solution que j'ai travaillé est d'ajouter eventListeners au document:

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

Faites ensuite ce dont vous avez besoin avec chaque événement tactile. Je joue ce rôle parce que ce n'est pas l'événement lui-même qui a un emplacement (comme dans le cas d'un événement normal), c'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); 
    } 
} 
Questions connexes