jQuery touchmove 事件中获取手指移动距离 - 代码示例

在jQuery的touchmove事件中，可以通过event对象的属性来获取手指移动的距离。\n\nevent.originalEvent.touches[0].pageX 和 event.originalEvent.touches[0].pageY属性可以获取手指当前的位置，而event.originalEvent.changedTouches[0].pageX 和 event.originalEvent.changedTouches[0].pageY属性可以获取手指移动前的位置。\n\n可以通过计算这两个位置的差值来获取手指移动的距离。例如：\n\njavascript\n$(document).on('touchmove', function (event) {\n var startX = event.originalEvent.touches[0].pageX;\n var startY = event.originalEvent.touches[0].pageY;\n\n $(document).on('touchend', function (event) {\n var endX = event.originalEvent.changedTouches[0].pageX;\n var endY = event.originalEvent.changedTouches[0].pageY;\n\n var distanceX = endX - startX;\n var distanceY = endY - startY;\n\n console.log('手指在X轴上移动了：' + distanceX + '像素');\n console.log('手指在Y轴上移动了：' + distanceY + '像素');\n });\n});\n\n\n在上面的例子中，我们在touchmove事件中获取手指的起始位置(startX和startY)，然后在touchend事件中获取手指的结束位置(endX和endY)。通过计算两个位置的差值，就可以得到手指在X轴和Y轴上的移动距离(distanceX和distanceY)。