jquery touchmove事件中手指移动的距离:
在jQuery的touchmove事件中,可以通过event对象的属性来获取手指移动的距离。
event.originalEvent.touches[0].pageX 和 event.originalEvent.touches[0].pageY属性可以获取手指当前的位置,而event.originalEvent.changedTouches[0].pageX 和 event.originalEvent.changedTouches[0].pageY属性可以获取手指移动前的位置。
可以通过计算这两个位置的差值来获取手指移动的距离。例如:
$(document).on('touchmove', function (event) {
var startX = event.originalEvent.touches[0].pageX;
var startY = event.originalEvent.touches[0].pageY;
$(document).on('touchend', function (event) {
var endX = event.originalEvent.changedTouches[0].pageX;
var endY = event.originalEvent.changedTouches[0].pageY;
var distanceX = endX - startX;
var distanceY = endY - startY;
console.log('手指在X轴上移动了:' + distanceX + '像素');
console.log('手指在Y轴上移动了:' + distanceY + '像素');
});
});
在上面的例子中,我们在touchmove事件中获取手指的起始位置(startX和startY),然后在touchend事件中获取手指的结束位置(endX和endY)。通过计算两个位置的差值,就可以得到手指在X轴和Y轴上的移动距离(distanceX和distanceY)
原文地址: https://www.cveoy.top/t/topic/iwVC 著作权归作者所有。请勿转载和采集!