用touch事件来优化click事件

在移动端,既有touch事件又有click事件
1.click事件在pc端很常用,但是在移动端会有大约300ms左右的延迟,比较影响用户的体验,300ms用于判断双击还是长按事件,只用没有后续的动作发生时,才会触发点击事件

基于第一点原因,用户体验有待提升,希望能用touch事件封装出一个响应速度更快的点击事件tap 
touch判断用户行为是否属于点击的条件:
1.触屏开始 到触屏结束  手指没有移动
2.接触屏幕的时间  小于指定的时间 150ms
满足以上两个条件,就可以认为是点击事件触发了

控制台输出结果:

touch事件比click事件先触发

以上代码封装成tap函数

 

posted @ 2020-09-15 21:15  MIKE-CHOW  阅读(166)  评论(0)    收藏  举报