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

Posted 2021-02-28 shaozhu520

//移动端
$(".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")
})
————————————————
版权声明：本文为CSDN博主「刘白超」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_25252769/java/article/details/78928600