移动端web界面click时间300s延迟的问题

众所周知 移动设备上web界面,click事件有300s的延迟,是因为。。。。。(很多巴拉巴拉)
影响延迟主要是因为,事件响应的顺序是

  1. ontouchstart 当手指触摸手机屏幕时发生
  2. ontouchmove 当手指在屏幕上滑动时连续触发,通常我们在滑屏界面,会调用ever.preventDefault组织默认情况,防止页面滑动
  3. ontouched 当手指离开屏幕时触发
  4. click 点击事件

所以如何解决移动端web界面事件延迟以及点击穿透方案?

浏览器的开发商的解决方案

方案一: 禁止缩放


方案二:更改默认的可视宽度

** 第三方的解决方案**
FastClick
githup:https://github.com/ftlabs/fastclick/

用法:

  1. 头部引入

结束语:当然不止这些解决办法,但足够自己用了。待完善~~~

你可能感兴趣的:(移动端web界面click时间300s延迟的问题)