js 手机滑动事件

let startX, startY;

// 监听touchstart事件
document.addEventListener('touchstart', function(event) {
    startX = event.touches[0].clientX;
    startY = event.touches[0].clientY;
}, false);

// 监听touchend事件
document.addEventListener('touchend', function(event) {
    let endX = event.changedTouches[0].clientX;
    let endY = event.changedTouches[0].clientY;
    let deltaX = endX - startX;
    let deltaY = endY - startY;

    // 判断滑动方向
    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);