我正在创建一个网络应用程序,我希望它可以在移动设备上使用。
该应用程序的初始机制需要鼠标当前的 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(使用前将#替换为@)