js监听手指滑动

let startX, startY;

// 监听触摸开始事件
document.addEventListener('touchstart', function(event) {
    const touch = event.touches[0]; // 获取第一个触摸点
    startX = touch.clientX; // 记录触摸起始位置的X坐标
    startY = touch.clientY; // 记录触摸起始位置的Y坐标
}, false);

// 监听触摸移动事件
document.addEventListener('touchmove', function(event) {
    event.preventDefault(); // 阻止默认的滚动行为
    const touch = event.touches[0]; // 获取第一个触摸点
    const deltaX = touch.clientX - startX; // 计算X轴方向的移动距离
    const deltaY = touch.clientY - startY; // 计算Y轴方向的移动距离

    // 判断滑动方向
    if (Math.abs(deltaX) > Math.abs(deltaY)) {
        if (deltaX > 0) {
            console.log('向右滑动');
        } else {
            console.log('向左滑动');
        }
    } else {
        if (deltaY > 0) {
            console.log('向下滑动');
        } else {
            console.log('向上滑动');
        }
    }
}, false);