js判断手指滑动方向（移动端）

2017-08-08 13:57:53

$('body').bind('touchstart',function(e){
    startX = e.originalEvent.changedTouches[0].pageX,
    startY = e.originalEvent.changedTouches[0].pageY;
});
$('body').bind('touchmove',function(e){
    //获取滑动屏幕时的X,Y
    endX = e.originalEvent.changedTouches[0].pageX,
    endY = e.originalEvent.changedTouches[0].pageY;
    var distanceX = endX - startX;
    var distanceY = endY - startY;
    if (Math.abs(distanceX) > Math.abs(distanceY) && distanceX > 0) {
        ...
    }
    else if (Math.abs(distanceX) > Math.abs(distanceY) && distanceX < 0) {
        ...
    }
});