js判断手指上滑和下滑
来源:互联网 发布:大数据图标 编辑:程序博客网 时间:2024/04/27 20:46
<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>
0 3
- js判断手指上滑和下滑
- JS-移动端判断上拉和下滑
- 浅谈移动端之touch事件--手指的上滑、下滑、左滑和右滑
- Android listView判断上滑还是下滑
- 判断当前手势下滑上滑
- 判断tableView上滑还是下滑
- android listview判断上滑还是下滑
- android listview判断上滑还是下滑
- Android - ListView判断滑动到了最底部和最顶部,以及上滑、下滑
- ListView上滑和下滑,显示和隐藏Toolbar
- gridview整页翻页的滑动,上滑和下滑
- axure简单实现移动端下滑和上滑功能
- 移动端js判断手指滑动方向
- 移动端,JS判断滑到页面顶部下滑进行操作
- 知识片段---表判断是处于上划还是下滑
- Android ScrollView如何判断上下滑的方向
- 下滑隐藏导航栏 上滑出现
- 下滑隐藏上滑显示的Behavior
- hdu 3037 插板法组合 + lucas定理
- EventBus 3.0的使用
- 快速幂取模
- AJAX表单验证的正则
- android事件分发总结
- js判断手指上滑和下滑
- lua学习
- Scala 文件 I/O
- mac下mysql的安装和配置(转载)
- mybatis学习笔记
- RTMP详解
- 1113. Integer Set Partition (25)
- Codeforces Round #205 (Div. 2) CodeForces 353BTwo Heaps
- POJ3468【线段树lazy操作】