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

Question

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

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

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

例如:触摸屏幕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设备保持为方便验证您的代码是否有效.