js判断移动端下拉动作

let startY = 0;
const threshold = 100; // 设置一个阈值，超过这个值认为是下拉动作

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

document.addEventListener('touchmove', function(event) {
    const currentY = event.touches[0].clientY;
    const deltaY = currentY - startY;

    // 判断是否是从屏幕顶部开始的下拉动作
    if (deltaY > threshold && startY <= 10) {
        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) {
    const currentY = event.touches[0].clientY;
    const deltaY = currentY - startY;

    if (deltaY > threshold && startY <= 10) {
        console.log('检测到下拉动作');
    }
}, 100)); // 设置节流时间为100毫秒