js判断手指滑动方向

let startX, startY;

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

document.addEventListener('touchend', (event) => {
    const endX = event.changedTouches[0].clientX;
    const endY = event.changedTouches[0].clientY;

    const deltaX = endX - startX;
    const deltaY = endY - startY;

    let direction = '';

    if (Math.abs(deltaX) > Math.abs(deltaY)) {
        if (deltaX > 0) {
            direction = 'right';
        } else {
            direction = 'left';
        }
    } else {
        if (deltaY > 0) {
            direction = 'down';
        } else {
            direction = 'up';
        }
    }

    console.log(`Swipe direction: ${direction}`);
});

const threshold = 10; // 设置一个阈值

if (Math.abs(deltaX) > threshold || Math.abs(deltaY) > threshold) {
    // 判断方向的代码
}