js判断上下滑动

let startY = 0; // 记录触摸起始位置
let isMoving = false; // 标记是否正在滑动

// 监听touchstart事件
document.addEventListener('touchstart', function(event) {
    startY = event.touches[0].clientY; // 记录初始Y坐标
    isMoving = true;
}, false);

// 监听touchmove事件
document.addEventListener('touchmove', function(event) {
    if (!isMoving) return; // 如果没有开始滑动，直接返回

    let currentY = event.touches[0].clientY; // 获取当前Y坐标
    let deltaY = currentY - startY; // 计算滑动的距离

    if (Math.abs(deltaY) > 50) { // 设置一个阈值，比如50px
        if (deltaY > 0) {
            console.log('下滑');
            // 执行下滑相关的操作
        } else {
            console.log('上滑');
            // 执行上滑相关的操作
        }
        isMoving = false; // 重置滑动标记
    }
}, false);

// 监听touchend事件（可选）
document.addEventListener('touchend', function(event) {
    isMoving = false; // 确保滑动结束
}, false);