解决onclick事件的300ms延时问题
2024-10-17 21:43:44
首先是资源的下载:fastclick.js
作为一个新手,插件原理什么的研究不透,看的也是似懂非懂的,网上有很多大牛写的博文相当的好,对于写文章方面确实是望尘莫及啊,所以想详细了解原理的朋友直接去大牛的博客里欣赏吧【读fastclick源码有感】
在这里我只是简单的记录下简单的用法,还请大牛们不吝赐教
为什么存在延迟?
从点击屏幕上的元素到触发元素的 click
事件,移动浏览器会有大约 300 毫秒的等待时间。为什么这么设计呢? 因为它想看看你是不是要进行双击(double tap)操作。
引入插件步骤
①在HTML页面中添加
- <script type='application/javascript' src='/path/to/fastclick.js'></script>
注:必须在页面所有Element之前加载脚本文件先实例化fastclick
②在JS中添加fastclick的身体,推荐以下做法:
- if ('addEventListener' in document) {
- document.addEventListener('DOMContentLoaded', function() {
- FastClick.attach(document.body);
- }, false);
- }
如果你使用了JQuery,那么JS引入就可以改用下面的写法:
- $(function() {
- FastClick.attach(document.body);
- });
如果你使用Browserify或者其他CommonJS-style 系统,当你调用`require('fastclick')`时,`FastClick.attach`事件会被返回,加载FastClick最简单的方式就是下面的方法了:
- var attachFastClick = require('fastclick');
- attachFastClick(document.body);
最新文章
- jq
- android加固系列—2.加固前先要学会破解,调试内存值修改程序走向
- HTTP协议开发应用-文件服务器
- Unity问答——怎么知道屏幕中目前有多少个敌人?
- dubbo 分布式架构学习视频链接
- 通过CSS实现各种方向的三角形
- centos7最小化安装系统
- Xcode Archive打包失败问题
- MFC VC++ 根据文件名获取程序的Pid
- VB.NET网络是否联通Function
- FarBox--另类有趣的网站服务【转】
- 基于Centos搭建 Discuz 论坛
- [TF] Architecture - Computational Graphs
- PL/SQL Developer几个使用小技巧
- des加密delphi与c#
- Spring Boot + docker +mongo
- sort与qsort的区别与联系
- Excel:函数中的万金油:INDEX+SMALL+IF+ROW
- adc 测量子系统
- Oracle to_date()函数的用法介绍
热门文章
- gitlab VS github
- 2018.08.04 cogs2633. [HZOI 2016]数列操作e(线段树)
- python操作数据库-数据表
- java.lang.ExceptionInInitializerError Caused by: org.hibernate.InvalidMappingException: Unable to read XML
- web大文件上传(web应用---SSH框架)
- 9) 依赖查询 &; 镜像站
- 使用Xcode 7 beta免费真机调试iOS应用程序
- WPF 标签预览可以显示图片运行后不显示
- .NET 日志工具 log4net使用
- Swift实战-小QQ(第3章):QQ主界面布局