版权声明:本文为博主原创文章,未经博主允许不得转载。 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即可。