首先是资源的下载:fastclick.js

作为一个新手,插件原理什么的研究不透,看的也是似懂非懂的,网上有很多大牛写的博文相当的好,对于写文章方面确实是望尘莫及啊,所以想详细了解原理的朋友直接去大牛的博客里欣赏吧【读fastclick源码有感】

在这里我只是简单的记录下简单的用法,还请大牛们不吝赐教

为什么存在延迟?

从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间。为什么这么设计呢? 因为它想看看你是不是要进行双击(double tap)操作。

     引入插件步骤

①在HTML页面中添加

  1. <script type='application/javascript' src='/path/to/fastclick.js'></script>

注:必须在页面所有Element之前加载脚本文件先实例化fastclick
  ②在JS中添加fastclick的身体,推荐以下做法:

  1. if ('addEventListener' in document) {
  2. document.addEventListener('DOMContentLoaded', function() {
  3. FastClick.attach(document.body);
  4. }, false);
  5. }

如果你使用了JQuery,那么JS引入就可以改用下面的写法:

  1. $(function() {
  2. FastClick.attach(document.body);
  3. });

如果你使用Browserify或者其他CommonJS-style 系统,当你调用`require('fastclick')`时,`FastClick.attach`事件会被返回,加载FastClick最简单的方式就是下面的方法了:

    1. var attachFastClick = require('fastclick');
    2. attachFastClick(document.body);

最新文章

  1. jq
  2. android加固系列—2.加固前先要学会破解,调试内存值修改程序走向
  3. HTTP协议开发应用-文件服务器
  4. Unity问答——怎么知道屏幕中目前有多少个敌人?
  5. dubbo 分布式架构学习视频链接
  6. 通过CSS实现各种方向的三角形
  7. centos7最小化安装系统
  8. Xcode Archive打包失败问题
  9. MFC VC++ 根据文件名获取程序的Pid
  10. VB.NET网络是否联通Function
  11. FarBox--另类有趣的网站服务【转】
  12. 基于Centos搭建 Discuz 论坛
  13. [TF] Architecture - Computational Graphs
  14. PL/SQL Developer几个使用小技巧
  15. des加密delphi与c#
  16. Spring Boot + docker +mongo
  17. sort与qsort的区别与联系
  18. Excel:函数中的万金油:INDEX+SMALL+IF+ROW
  19. adc 测量子系统
  20. Oracle to_date()函数的用法介绍

热门文章

  1. gitlab VS github
  2. 2018.08.04 cogs2633. [HZOI 2016]数列操作e(线段树)
  3. python操作数据库-数据表
  4. java.lang.ExceptionInInitializerError Caused by: org.hibernate.InvalidMappingException: Unable to read XML
  5. web大文件上传(web应用---SSH框架)
  6. 9) 依赖查询 &amp; 镜像站
  7. 使用Xcode 7 beta免费真机调试iOS应用程序
  8. WPF 标签预览可以显示图片运行后不显示
  9. .NET 日志工具 log4net使用
  10. Swift实战-小QQ(第3章):QQ主界面布局