X / Y Touch координаты для мобильных устройств

Question

Я создаю веб-приложение, которое я хочу использовать на мобильных устройствах. Первоначальная механика упомянутого приложения требует текущих координат X / Y мыши - для этого не нужно щелкать и перетаскивать, просто перемещая мышь вокруг окна браузера.

Теперь я изучаю различные библиотеки jQuery / Javascript, касающиеся Touch и Gestures, но я не могу найти ничего, что мне подходит.

Так что в основном я ищу способ получить х / у позицию одним касанием / перетаскиванием пальца.

Например: коснитесь экрана в 0, 0, затем удерживайте и перетащите его на 480 320. Затем значения будут интерполироваться между x1, y1 до x2, y2.

Спасибо.

Answer 1

$(function() {
    var $log = $("#log");

    function updateLog(x, y) {
        $log.html('X: '+x+'; Y: '+y);
    }

    document.addEventListener('touchstart', function(e) {
        updateLog(e.changedTouches[0].pageX, e.changedTouches[0].pageY);
    }, false);

    document.addEventListener('touchmove', function(e) {
        e.preventDefault();
        updateLog(e.targetTouches[0].pageX, e.targetTouches[0].pageY);
    }, false);
});

Answer 2

Вам не нужна библиотека для этого, довольно легко написать собственный код, используя события touchstart, touchmove и touchend.

http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/

В качестве примечания,если вы используете симулятор iOS для тестирования, имейте в виду, что иногда он может давать неправильные координаты, а не реальное устройство, поэтому вам всегда нужно иметь под рукой физическое устройство iOS, чтобы убедиться, что ваш код работает.