X / Y触摸移动设备的坐标

Question

我正在创建一个我希望在移动设备上可用的Web应用程序。所述应用程序的初始机制需要鼠标的当前X / Y坐标 - 不需要单击和拖动，只需在浏览器窗口中移动鼠标即可。

现在我一直在寻找关于Touch和Gestures的各种jQuery / Javascript库，但我找不到任何适合我的东西。

所以基本上我正在寻找一种方法来获得单指触摸/拖动的x / y位置。

例如：触摸屏幕0,0然后按住并将其拖动到480,320。然后，这些值将在x1，y1和x2，y2之间进行插值。

谢谢。

Answer 1

你不应该需要一个库，使用touchstart，touchmove和touchend事件编写自己的代码相当容易。

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

作为旁注，如果您正在使用iOS模拟器进行测试，请注意它有时会以实际设备不会的方式提供不正确的坐标，因此您始终需要将物理iOS设备保持为方便验证您的代码是否有效。

Answer 2

$(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);
});