js手机上下滑动事件

let startY;

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

document.addEventListener('touchend', function(event) {
    const endY = event.changedTouches[0].clientY;
    const deltaY = endY - startY;

    if (Math.abs(deltaY) > 50) { // 设置一个阈值来判断是否为有效滑动
        if (deltaY < 0) {
            console.log('向上滑动');
            // 在这里添加向上滑动的处理逻辑
        } else {
            console.log('向下滑动');
            // 在这里添加向下滑动的处理逻辑
        }
    }
});

function throttle(func, limit) {
    let inThrottle;
    return function() {
        const args = arguments;
        const context = this;
        if (!inThrottle) {
            func.apply(context, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

document.addEventListener('touchmove', throttle(function(event) {
    // 处理滑动逻辑
}, 100)); // 设置节流时间为100毫秒