原生js滑动手势

let startX, startY;

element.addEventListener('touchstart', function(event) {
  const touch = event.touches[0];
  startX = touch.clientX;
  startY = touch.clientY;
});

element.addEventListener('touchend', function(event) {
  const touch = event.changedTouches[0];
  const endX = touch.clientX;
  const endY = touch.clientY;
  const deltaX = endX - startX;
  const deltaY = endY - startY;

  const threshold = 50; // 最小滑动距离
  if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > threshold) {
    if (deltaX > 0) {
      // 向右滑动
      console.log('向右滑动');
    } else {
      // 向左滑动
      console.log('向左滑动');
    }
  } else if (Math.abs(deltaY) > threshold) {
    if (deltaY > 0) {
      // 向下滑动
      console.log('向下滑动');
    } else {
      // 向上滑动
      console.log('向上滑动');
    }
  }
});