1. 程式人生 > >PC和移動端判斷滑鼠(手指)滑動方向(touch方向)

PC和移動端判斷滑鼠(手指)滑動方向(touch方向)

//移動端
$(".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即可。