touch滑动判断方向
2016-12-27 14:51
169 查看
<script> var startX = 0, startY = 0; function touchStart(evt){ try{ var touch = evt.touches[0], //获取第一个触点 x = Number(touch.pageX), //页面触点X坐标 y = Number(touch.pageY); //页面触点Y坐标 //记录触点初始位置 startX = x; startY = y; }catch(e){ console.log(e.message) } } function touchMove(){ try{ var touch = evt.touches[0], //获取第一个触点 x = Number(touch.pageX), //页面触点X坐标 y = Number(touch.pageY); //页面触点Y坐标 //判断滑动方向 if (y - startY>0) { console.log('下滑了!'); }else{ console.log('上滑了!'); } }catch(e){ console.log(e.message) } } function touchEnd(){ try{ var touch = evt.touches[0], //获取第一个触点 x = Number(touch.pageX), //页面触点X坐标 y = Number(touch.pageY); //页面触点Y坐标 //判断滑动方向 if (y - startY>0) { console.log('下滑了!'); }else{ console.log('上滑了!'); } }catch(e){ console.log(e.message) } } //绑定事件 function bindEvent(){ document.addEventListener('touchstart',touchStart,false); document.addEventListener('touchmove',touchMove,false); document.addEventListener('touchend',touchEnd,false); } </script>
相关文章推荐
- 对于移动端浏览器touch事件的研究总结(4)判断手指滑动方向
- PC和移动端判断鼠标(手指)滑动方向(touch方向)
- 《移动端浏览器Touch事件判断手指滑动方向方法》
- 封装判断touch手指滑动方向的函数
- jQuery -- touch事件之滑动判断(左右上下方向)
- jQuery -- touch事件之滑动判断(左右上下方向)
- UIPanGestureRecognizer上下左右滑动方向判断算法
- Android 关于判断用户滑动方向
- touchstart,touchmove判断手机中滑屏方向
- HTML5移动端通过touch事件判断手势方向及页面到达底部
- uitableview scrollview 判断滑动方向
- HTML5移动端touch滑动与重力/方向感应结合
- js判断手指滑动方向(移动端)
- 自定义view系列(4)--判断滑动方向的ListView
- Js判断H5上下滑动方向及滑动到顶部和底部判断 推荐
- 移动应用滑动屏幕方向判断解决方案,JS判断手势方向
- Untiy3D笔记之番外篇——判断手指滑动方向
- Unity判断手势的滑动方向,单点触摸和多点触摸,并获取刚触摸以及触摸结束事的坐标
- 利用UIPanGestureRecognizer 判断手势滑动方向
- 触控获取坐标判断滑动方向