Vous ne pouvez pas obtenir les coordonnées de touches en Javascript sur les appareils Android

Question

Je suis en train de tester le canevas HTML5 et d'utiliser Javascript pour dessiner des appareils compatibles avec le tactile. Bien que je l'ai fonctionné sur des appareils iOS, je ne peux pas le faire fonctionner sur Android. Je l'ai réduit à event.pageX ne retournant pas les coordonnées, mais au lieu de renvoyer 0, ou undefined (basé sur le navigateur). Je l'ai testé sur mon téléphone en exécutant Cyanogen 7.1 dans les navigateurs Opera Mobile et Dolphin, ainsi que sur un Galaxy Tab 10.1 (Android 3.1) exécutant le navigateur standard.

J'ai modifié le code pour afficher une alerte sur un événement touchstart affichant les coordonnées event.pageX, event.layerX et event.clientX (je suis conscient que clientX ne devrait fonctionner que sur iOS).

canvas.addEventListener('touchstart', function(e) { 
if (readyToDraw){ 
    alert("PageX: "+e.pageX+","+e.pageY+"\n LayerX: "+e.layerX+","+e.layerY+"\n + clientX: "+e.clientX+","+e.clientY); 
    // prevent the browsers default action! 
    e.preventDefault(); 
    paint = true; 
    // Get coordinates 
    var c = getCoords(e); 
    addClick(c.x, c.y, false); 
} 
}); 

J'ai tout le dessin fonctionnant sous iOS mais je ne peux même pas obtenir Android pour enregistrer les coordonnées, des idées?

FINAL EDIT: J'ai résolu le problème, voir la réponse acceptée.

Answer 1

FINAL EDIT: Ok, je l'ai eu le travail, si quelqu'un trouve cela et a un problème similaire, vous devez accéder à la matrice tactile dans l'événement, et si vous utilisez un seul contact (plutôt que multi-touch) hors du tableau, comme ci-dessous, ou vous devrez peut compenser si ce n'est pas précis:

var touch = event.touches[0]; 
var x = touch.pageX; 
var y = touch.pageY; 
// or taking offset into consideration 
var x_2 = touch.pageX - canvas.offsetLeft; 
var y_2 = touch.pageY - canvas.offsetTop; 

Answer 2

n'a pas fonctionné pour moi (dans le contexte iScroll 5). A la place, changedTouches[0], comme proposé dans mouse click event.pagex is NaN in mobile chrome browser (v30.0.1599.92).