PC和移動端判斷滑鼠(手指)滑動方向(touch方向)
阿新 • • 發佈:2019-02-16
//移動端
$(".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即可。