js移动端左右滑动事件

let startX, endX;

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

document.addEventListener('touchmove', function(event) {
    // 阻止默认行为，如页面滚动
    event.preventDefault();
});

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

function handleSwipe() {
    const deltaX = endX - startX;
    if (deltaX > 50) { // 向右滑动
        console.log('Swiped Right');
        // 在这里添加向右滑动的逻辑
    } else if (deltaX < -50) { // 向左滑动
        console.log('Swiped Left');
        // 在这里添加向左滑动的逻辑
    }
}