/*判断上下滑动:*/ $(\'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(\'往下滑动\'); }})
相关文章:
- js移动端的滑动事件 2022-01-02
- 原生js移动端滑动事件 2022-01-02
- 移动端H5开发 (滑动事件) 2021-11-15
- 移动端触屏滑动,JS事件 2021-12-23
- web移动端触摸滑动事件 2021-12-23
- 移动端 滑动事件与点击事件冲突 2021-06-26
- JS移动客户端--触屏滑动事件及js手机拖拽效果 2021-12-23
- js判断移动端手势 上下左右滑动事件 2021-12-23