码迷,mamicode.com
首页 > 移动开发 > 详细

移动web touch事件

时间:2017-11-17 01:42:38      阅读:194      评论:0      收藏:0      [点我收藏+]

标签:手势   cancel   start   交互   cli   www.   用户体验   ast   双击   

wap中的原生touch 事件,touchstart、touchmove、touchend、touchcancel,这些事件仅仅在移动端才会被触发,在pc端无效

 click事件在移动端中具有300ms的延迟,所以为了有更好的用户体验,从以上的touch事件中衍生出另一种比click更快响应的事件称为tap事件,tap事件是被包装过的touch事件(由touchstart以及touchend组成),一般150ms内就会被响应,也就是按下到抬起之间不超过150ms的话,就触发tab事件

以上是自己封装tab的思路,其实也可以使用第三方库如zepto,使用里面封装的tab事件。或者使用插件 fastclick

 

click在移动端有延迟的原因

  这涉及到移动设备原生的手势交互,双击放大。如何判断是单击还是双击呢?第一次点击后300ms内没有出现第二次点击,则认为是单击,触发click事件。否则触发双击事件。就是因为有这部分判断,所以有300ms的延迟。

 

点透 / 穿透 现象

 

移动web touch事件

标签:手势   cancel   start   交互   cli   www.   用户体验   ast   双击   

原文地址:http://www.cnblogs.com/hellohello/p/7847488.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!