PC和移动端判断鼠标（手指）滑动方向（touch方向）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_25252769/article/details/78928600

//移动端
$(".demo").on("touchstart", function(e) {
　　　　e.preventDefault();
　　　　startX = e.originalEvent.changedTouches[0].pageX,
　　　　startY = e.originalEvent.changedTouches[0].pageY;
　　});
　　$(".demo").on("touchmove", function(e) {
　　　　e.preventDefault();
　　　　moveEndX = e.originalEvent.changedTouches[0].pageX,
　　　　moveEndY = e.originalEvent.changedTouches[0].pageY,
　　　　X = moveEndX - startX,
　　　　Y = moveEndY - startY;

　　　　if ( X > 0 ) {
　　　　　　console.log("left -> right");
　　　　}else{
　　　　　　console.log("right -> left");
　　　　}
　　　});


//pc端
$(".demo").mousedown(function(e){
    e.preventDefault();
    startX=e.pageX;
    startY=e.pageY;
    $(this).mousemove(function(e){
        e.preventDefault();
        moveEndX=e.pageX;
        moveEndY=e.pageY;

        X=moveEndX-startX;
        Y=moveEndY-startY;
        if(X>0){
            console.log("left -> right");
        }else{
            console.log("right -> left");
        }
    })
}).mouseup(function(){
    $(this).off("mousemove")
})

只判断了水平方向，垂直方向判断Y即可。