touch事件计算滑动距离
来源:互联网 发布:logo图标快速生成软件 编辑:程序博客网 时间:2024/06/05 23:56
计算手势在手机屏幕上滑动时,手势滑动的距离,代码如下:
function wetherScroll(){ var startX = startY = endX =endY =0; var body=document.getElementsByTagName("body"); body.bind('touchstart',function(event){ var touch = event.targetTouches[0]; //滑动起点的坐标 startX = touch.pageX; startY = touch.pageY; // console.log("startX:"+startX+","+"startY:"+startY); }); body.bind("touchmove",function(event){ var touch = event.targetTouches[0]; //手势滑动时,手势坐标不断变化,取最后一点的坐标为最终的终点坐标 endX = touch.pageX; endY = touch.pageY; // console.log("endX:"+endX+","+"endY:"+endY); }) body.bind("touchend",function(event){ var distanceX=endX-startX, distanceY=endY - startY; // console.log("distanceX:"+distanceX+","+"distanceY:"+distanceY); //移动端设备的屏幕宽度 var clientHeight; =document.documentElement.clientHeight; // console.log(clientHeight;*0.2); //判断是否滑动了,而不是屏幕上单击了 if(startY!=Math.abs(distanceY)){ //在滑动的距离超过屏幕高度的20%时,做某种操作 if(Math.abs(distanceY)>clientHeight*0.2){ //向下滑实行函数someAction1,向上滑实行函数someAction2 distanceY <0 ? someAction1():someAction2(); } } startX = startY = endX =endY =0; }) }
阅读全文
0 0
- touch事件计算滑动距离
- RecyclerView滑动距离计算
- Cocos2dx Touch Move 距离计算
- App touch事件(滑动效果)
- android listview 计算滑动距离
- js touch事件 手势滑动事件总结
- js: touch 事件,滑动的实现
- 移动端触屏滑动touch事件相关
- Touch事件传递与滑动冲突解决方案
- 计算ScrollView控件的滑动距离
- android 滑动事件冲突解决 Touch事件处理机制
- android 滑动事件冲突解决 Touch事件处理机制
- android 滑动事件冲突解决 Touch事件处理机制
- android 滑动事件冲突解决 Touch事件处理机制
- android 滑动事件冲突解决 Touch事件处理机制
- android 滑动事件冲突解决 Touch事件处理机制
- android 滑动事件冲突解决 Touch事件处理机制
- android 滑动事件冲突解决 Touch事件处理机制
- python自练小程序之(字典,列表,元祖)
- postman中 form-data、x-www-form-urlencoded、raw、binary的区别
- GDB 下的多线程多进程调试
- [YTU]_2474( C++习题 输入输出--保护继承)
- Bootstrap Table使用整理(五)-分页组合查询
- touch事件计算滑动距离
- [YTU]_2621(B 继承 圆到圆柱体)
- ios 访问权限获取
- ifdefine __cplusplus extern c{}的作用
- 汇编复习题 Test1
- 我们所说的前端框架与库的区别?
- [YTU]_2532(投简历)
- Tensorflow serving(tf_serving) 安装测试说明
- 第3章 模板