无法在Android设备上的Javascript中获取touchevents的坐标

Question

我正在测试HTML5画布并使用Javascript为支持触摸的设备绘制。虽然我在iOS设备上工作，但无法在Android上使用它。我缩小到event.pageX不返回坐标，而是返回0或未定义（基于浏览器）。

我已经在运行Opera Mobile和Dolphin浏览器的Cyanogen 7.1以及运行标准浏览器的Galaxy Tab 10.1（Android 3.1）上测试了我的手机。

我修改了代码以显示touchstart事件的警报，显示event.pageX，event.layerX和event.clientX坐标（我知道clientX只能在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); 
} 
}); 

我已经得到了全图中的iOS工作，但拿不拿Android的注册坐标，任何想法？

FINAL EDIT：我解决了这个问题，看到接受的答案。

Answer 1

最终编辑：好的我得到它的工作，如果有人发现这一点，并有类似的问题，你需要访问事件内的触摸阵列，如果只是使用一个单一的触摸（而不是多点触摸）如下所示，或者如果不准确，您可能需要抵消它：

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

对我没有帮助（在iScroll 5上下文中）。改为使用changedTouches[0]，如mouse click event.pagex is NaN in mobile chrome browser (v30.0.1599.92)中提出的那样。