解决触摸屏设备click事件300ms的延迟的问题
2015-12-07 10:46
218 查看
从点击屏幕上的元素到触发元素的
使用FastClick的时候,在需要使用的层上,实例化它。我们使用document.body是因为希望所有的按钮和链接都获得快速点击。
使用方法:
然后直接使用onclick事件,就不会有原先300ms延迟的问题了。
另外,还有一种方法解决延迟问题,就是使用zepto.js库的tap事件,但是tap事件在特殊情况下会存在点透,所以在这里推荐使用fastclick.js库。
click事件,移动浏览器(触摸屏)会有大约 300 毫秒的等待时间。为什么这么设计呢? 因为它想看看你是不是要进行双击(double tap)操作。300ms的等待时间,会让用户体验大大折损,fastclick.js库很好的解决了这个问题。
使用FastClick的时候,在需要使用的层上,实例化它。我们使用document.body是因为希望所有的按钮和链接都获得快速点击。
使用方法:
window.addEventListener('load', function() { FastClick.attach(document.body); }, false);
然后直接使用onclick事件,就不会有原先300ms延迟的问题了。
另外,还有一种方法解决延迟问题,就是使用zepto.js库的tap事件,但是tap事件在特殊情况下会存在点透,所以在这里推荐使用fastclick.js库。
相关文章推荐
- Java 中文 乱码问题
- 【thinkphp3.x】thinkphp3.x中M方法实例化模型对象
- 百度2015年度搜索排行榜发布
- 百度2015年度搜索排行榜发布
- kafka性能参数和压力测试揭秘
- 多选下拉框 jquery.multiple.select的使用
- 6大设计原则(三)---依赖倒置原则
- 黑马程序员——C基础之类型转换
- 面试算法——5.只利用一个栈,将另一个栈排序
- 为Android增加硬件抽象层(HAL)模块访问Linux内核驱动程序
- 计算机技术领域当前的主流技术及其社会需求调查报告
- 【thinkphp3.x】thinkphp3.x中D方法实例化模型对象
- iOS 9 loadViewIfNeeded的使用
- 配置android开发环境时出现eclipse获取不到ADT的解决方法
- 2015第七届HCTF
- Java 文件操作工具类
- SAP IUT210 Master Data and Basic Functions_Col62.pdf
- Linux CentOS Tomcat修改默认端口 -
- linux device tree源代码解析
- 给extjs类添加默认属性