移动端click事件延迟300ms问题
2016-11-21 16:06
363 查看
因为历史原因,移动端点击事件会有300ms延迟,来判断用户是连续双击缩放还是点击跳转。即如果300ms内连续点击两次,则会理解为对页面进行缩放操作(当然前提是移动端页面设置为可缩放的);在一次点击之后如果300ms内没有再次发生点击事件,那么系统会默认为跳转事件,点击300ms后进行跳转。所以移动端正常跳转页面会有300ms延迟问题。
使用fastclick.js可以屏蔽移动端的300ms问题。引入fastclick.js插件然后添加下边代码。github地址》》》
如果同时使用了jquery
如果使用了模块加载工具
使用fastclick.js可以屏蔽移动端的300ms问题。引入fastclick.js插件然后添加下边代码。github地址》》》
if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); }
如果同时使用了jquery
$(function() { FastClick.attach(document.body); });
如果使用了模块加载工具
var attachFastClick = require('fastclick'); attachFastClick(document.body);
相关文章推荐
- 移动端点击穿透和click事件300ms延迟问题
- 移动端click事件延迟300ms到底是怎么回事,该如何解决?
- Jquery 解决移动端onclick事件300ms延迟问题
- 移动端click事件延迟300ms到底是怎么回事,该如何解决?
- 移动端点击(click)事件延迟问题的产生与解决方法
- 移动端click事件延迟300ms到底是怎么回事,该如何解决?
- 移动端click事件300ms延迟
- 移动端click事件延迟300ms该如何解决
- Jquery 解决移动端onclick事件300ms延迟问题
- 移动端click事件延迟300ms的原因以及解决办法
- 移动端触屏click点击事件延迟问题,以及tap的解决方案
- 移动Web触控事件总结—click的300ms延迟、点透、鬼点击问题
- 解决移动端点击事件延迟300ms的问题
- iphone移动端click事件延迟300ms解决方案
- 移动端click事件延迟300ms正解大全
- 移动端click事件出现300ms延迟
- 关于移动端的click时间有延迟的问题(300ms延迟)
- 解决触摸屏设备click事件300ms的延迟的问题
- 手机端click事件300ms延迟问题&&zepto.js的点透事件
- 移动端点击(click)事件延迟问题的产生与解决方法