web移動前端頁面,jquery判斷頁面滑動方向
阿新 • • 發佈:2018-10-24
startx div 上下 chan asc 移動前端 edt else 右滑
/*判斷上下滑動:*/ $(‘body‘).bind(‘touchstart‘,function(e){ startX = e.originalEvent.changedTouches[0].pageX; startY = e.originalEvent.changedTouches[0].pageY; }); $("body").bind("touchmove",function(e){ //獲取滑動屏幕時的X,Y endX = e.originalEvent.changedTouches[0].pageX; endY = e.originalEvent.changedTouches[0].pageY; //獲取滑動距離 distanceX = endX-startX; distanceY = endY-startY; //判斷滑動方向 if(Math.abs(distanceX)>Math.abs(distanceY) && distanceX>0){ console.log(‘往右滑動‘); }else if(Math.abs(distanceX)>Math.abs(distanceY) && distanceX<0){ console.log(‘往左滑動‘); }else if(Math.abs(distanceX)<Math.abs(distanceY) && distanceY<0){ console.log(‘往上滑動‘); } else if(Math.abs(distanceX)<Math.abs(distanceY) && distanceY>0){ console.log(‘往下滑動‘); }
});
web移動前端頁面,jquery判斷頁面滑動方向