jQuery 获取 Touchmove 拖动距离 - 代码示例和解释

要获取 touchmove 拖动的距离，可以通过使用 touchstart 和 touchmove 事件来计算距离的变化。\n\n首先，给需要拖动的元素绑定 touchstart 事件，并保存初始位置的坐标：\n\njavascript\nvar startX, startY;\n\n$('.drag-element').on('touchstart', function(e) {\n var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];\n startX = touch.pageX;\n startY = touch.pageY;\n});\n\n\n然后，给元素绑定 touchmove 事件，并计算拖动的距离：\n\njavascript\n$('.drag-element').on('touchmove', function(e) {\n var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];\n var moveX = touch.pageX - startX;\n var moveY = touch.pageY - startY;\n \n // 输出拖动的距离\n console.log('X轴拖动距离：', moveX);\n console.log('Y轴拖动距离：', moveY);\n});\n\n\n上述代码会在控制台输出 X 轴和 Y 轴的拖动距离。你可以根据自己的需求来使用这些值，例如用来实现拖动效果、实时更新 UI 等。\n\n请注意，上述代码只是一个示例，具体的实现可能会有所差异，取决于你的具体需求和代码结构。