js触屏滑动事件

let startX = 0; // 起始X坐标
let endX = 0; // 结束X坐标
const threshold = 50; // 滑动阈值，小于该值不认为是有效滑动

const imgContainer = document.querySelector('.img-container');

imgContainer.addEventListener('touchstart', (e) => {
  startX = e.touches[0].pageX;
});

imgContainer.addEventListener('touchmove', (e) => {
  endX = e.touches[0].pageX;
});

imgContainer.addEventListener('touchend', () => {
  const distance = endX - startX;
  if (Math.abs(distance) > threshold) {
    if (distance > 0) {
      // 向右滑动，切换到上一张图片
      console.log('向右滑动');
    } else {
      // 向左滑动，切换到下一张图片
      console.log('向左滑动');
    }
  }
  // 重置坐标值
  startX = 0;
  endX = 0;
});