移动端触屏滑动touches使用

代码

var start = {
    x: 0,
    y: 0
}
var end = {
    x: 0,
    y: 0
}

document.addEventListener('touchstart', function (event) {
    start.x = event.touches[0].pageX;
    start.y = event.touches[0].pageY;
});

document.addEventListener('touchmove', function (event) {
    event.preventDefault();
},{passive:false});

document.addEventListener('touchend', function (event) {
    end.x = event.changedTouches[0].pageX;
    end.y = event.changedTouches[0].pageY;

    var deltaX = end.x - start.x;
    var deltaY = end.y - start.y;
    if (Math.abs(deltaX) < 30 && Math.abs(deltaY) < 30) {
        return;
    }

    if (Math.abs(deltaX) >= Math.abs(deltaY)) {
        if (deltaX > 0) {
               KeyHanderRight();
        } else {
               KeyHanderLeft()
        }
    } else {
        if (deltaY > 0) {
               KeyHanderDown();
        } else {
               KeyHanderUp()
        }
    }
});