要获取touchmove拖动的距离,可以通过使用touchstart和touchmove事件来计算距离的变化。

首先,给需要拖动的元素绑定touchstart事件,并保存初始位置的坐标:

var startX, startY;

$('.drag-element').on('touchstart', function(e) {
  var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
  startX = touch.pageX;
  startY = touch.pageY;
});

然后,给元素绑定touchmove事件,并计算拖动的距离:

$('.drag-element').on('touchmove', function(e) {
  var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
  var moveX = touch.pageX - startX;
  var moveY = touch.pageY - startY;
  
  // 输出拖动的距离
  console.log('X轴拖动距离:', moveX);
  console.log('Y轴拖动距离:', moveY);
});

上述代码会在控制台输出X轴和Y轴的拖动距离。你可以根据自己的需求来使用这些值,例如用来实现拖动效果、实时更新UI等。

请注意,上述代码只是一个示例,具体的实现可能会有所差异,取决于你的具体需求和代码结构

jquery 获取touchmove拖动的距离

原文地址: https://www.cveoy.top/t/topic/iwVv 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录