博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
手指滑动屏幕原理
阅读量:5143 次
发布时间:2019-06-13

本文共 612 字,大约阅读时间需要 2 分钟。

//手指按下屏幕的点,抬起手指的点,按下的时间,抬起的时间

var startPoint=0;  

      endPoint=0;

      startTime=0;

   endTime=0;

//touchstart事件

$(".xx").on("touchstart",function(event){

//每次重新滑动要清除上一次手指抬起的位置和时间

endPoint=0;

endtime=0;

 startPoint=event.touches[0].clientY;

 startTime=Date.now()

})

//touchend事件

$(".xx").on("touchend",function(event){

 endPoint=event.touches[0].clientY;

 endTime=Date.now()

})

//判断滑动的速度是否超过指定值,超过就触发方法

var speed=(endPonit-startPoint)/[(endtime-starttime)/1000]

*获取的时间是毫秒,得出的速度是小数,所以要转换成秒;

*往上滑动屏幕,两点之间的差永远是负数,所以下面>20或者<-20

*如果要滑动不费力把参考值设置小一点

if(speed>20){

  xx();//调用方法,一般是翻页

}

转载于:https://www.cnblogs.com/5-clay/p/7851452.html

你可能感兴趣的文章
HDU - 1232 畅通工程【并查集】
查看>>
maven 控制台 打包
查看>>
Android 之布局(一)
查看>>
hadoop mapreduce经常OOM
查看>>
【转载】使用注解和反射实现通用性…
查看>>
使用Stickers拓展集成iMessage简单功能
查看>>
Leetcode 54: Spiral Matrix
查看>>
Jmeter深度学习第一天——简单请求、带header请求、返回值乱码问题
查看>>
error C2662 无法将左值绑定到右值 —— 变量永远是左值,即使它的类型为右值引用...
查看>>
C#, CLR, and .NET Framework versions
查看>>
python初识面向对象(一)
查看>>
k8s(6)-滚动更新
查看>>
特殊权限SUID
查看>>
C#获取IP地址
查看>>
Linux:PS命令详解与使用
查看>>
PHP设计模式:值对象模式
查看>>
解决python中csv文件中文写入问题
查看>>
TensorFlow学习资源
查看>>
Openstack(十一)部署网络服务neutron(控制节点)
查看>>
Git命令大全
查看>>