Не удается получить координаты сенсорных событий в Javascript на устройствах Android

Question

Не удается получить координаты сенсорных событий в Javascript на устройствах Android

Я тестирую холст HTML5 и использую Javascript для рисования на сенсорных устройствах. Пока он работает на устройствах iOS, я не могу заставить его работать на Android. Я сузил его до event.pageX, не возвращающего координаты, а вместо этого либо возвращающего 0, либо неопределенного (на основе браузера).

Я протестировал его на своем телефоне с Cyanogen 7.1 в Opera Mobile и браузере Dolphin, а также на 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 зарегистрировать координаты, есть идеи?

ПОСЛЕДНИЕ РЕДАКТИРОВАНИЯ: Я решил проблему, см. принятый ответ.

29

javascript android touch-event

задан Stuart Lacy 10 June 2014 в 13:10

1 ответ

Другие вопросы по тегам:

javascript android touch-event

Похожие вопросы:

score 38 · Accepted Answer

ЗАКЛЮЧИТЕЛЬНОЕ РЕДАКТИРОВАНИЕ: Хорошо, у меня все получилось, если кто-то обнаружит это и столкнется с аналогичной проблемой, вам нужно получить доступ к сенсорному массиву в рамках события, и если вы просто используете одно касание (а не мультитач), выньте первый элемент массива, как показано ниже, или вам может потребоваться сместить его, если это не точно:

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;