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

2023-12-26

我正在创建一个网络应用程序,我希望它可以在移动设备上使用。 该应用程序的初始机制需要鼠标当前的 X/Y 坐标 - 这不需要单击和拖动,只需在浏览器窗口周围移动鼠标即可。

现在我一直在研究有关触摸和手势的各种 jQuery/Javascript 库,但我找不到任何适合我的东西。

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

例如:触摸屏幕上的 0、0,然后按住并拖动到 480,320。然后这些值将在之间插值x1, y1 to x2, y2.

Thanks.


$(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);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

移动设备的 X/Y 触摸坐标 的相关文章

随机推荐