js触屏左右滑动事件

let startX = 0;
let endX = 0;

document.addEventListener('touchstart', function(event) {
    startX = event.touches[0].clientX;
});

document.addEventListener('touchmove', function(event) {
    // 可以在这里添加逻辑来实时响应滑动
});

document.addEventListener('touchend', function(event) {
    endX = event.changedTouches[0].clientX;
    handleSwipe(startX, endX);
});

function handleSwipe(start, end) {
    const deltaX = end - start;
    const threshold = 50; // 设置一个阈值来判断是否为有效滑动

    if (Math.abs(deltaX) > threshold) {
        if (deltaX > 0) {
            console.log('向右滑动');
            // 执行向右滑动的操作
        } else {
            console.log('向左滑动');
            // 执行向左滑动的操作
        }
    }
}