Question

我正在创建一个我希望在移动设备上可用的网络应用。所述应用程序的初始机制需要鼠标的当前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设备方便验证您的代码是否有效。

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

2 个答案: