Không thể nhận tọa độ của các liên lạc trong Javascript trên các thiết bị Android

Question

Tôi đang thử nghiệm canvas HTML5 và sử dụng Javascript để vẽ cho các thiết bị có hỗ trợ cảm ứng. Trong khi tôi làm việc trong các thiết bị iOS, tôi không thể làm cho nó hoạt động trên Android. Tôi đã thu hẹp nó xuống event.pageX không trả về tọa độ, nhưng thay vì trả về 0 hoặc không xác định (dựa trên Trình duyệt).

Tôi đã thử nghiệm trên điện thoại chạy Cyanogen 7.1 trên trình duyệt Opera Mobile và Dolphin, cũng như trên Galaxy Tab 10.1 (Android 3.1) chạy trình duyệt chuẩn.

Tôi đã sửa đổi mã để hiển thị cảnh báo về sự kiện cảm ứng hiển thị tọa độ event.pageX, event.layerX và event.clientX (Tôi biết rằng clientX chỉ hoạt động trên 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); 
} 
}); 

Tôi có bản vẽ đầy đủ hoạt động trong iOS nhưng thậm chí không thể yêu cầu Android đăng ký tọa độ, bất kỳ ý tưởng nào?

EDIT CUỐI CÙNG: Tôi đã giải quyết vấn đề, xem câu trả lời được chấp nhận.

Answer 1

FINAL EDIT: Ok tôi đã làm việc này, nếu có ai phát hiện và gặp sự cố tương tự bạn cần truy cập vào mảng cảm ứng trong sự kiện và nếu chỉ sử dụng một lần chạm (thay vì chạm nhiều lần) ra khỏi mảng, như dưới đây, hoặc bạn có thể cần phải bù đắp nếu nó không chính xác:

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

Không hoạt động cho tôi (trong iScroll 5 context). Đã sử dụng changedTouches[0] thay vào đó, như được đề xuất trong mouse click event.pagex is NaN in mobile chrome browser (v30.0.1599.92).