js判断touch滑动距离

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;

    console.log(`水平滑动距离: ${deltaX}px`);
    console.log(`垂直滑动距离: ${deltaY}px`);

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