fastClick使用说明

fastClick的一些问题

1.原理

有些人喜欢问原理,我就先说一下原理:
fastClick的原理大概就是将click事件进行包装成一系列tap事件,从而避免浏览器的300ms的延时情况。细心点同学可以研究一下源码,着急的同学直接拿来用就可以了。

2.使用步骤

  1. 引入库文件 fastclick.js
  2. 注入事件进去(body或者某个元素)
  3. 使用jQuery
$(function) {
     FastClick.attach(document.body)
}

要不要写一个demo

<body>
    <button id="click">click me!</button>
    <script type="text/javascript">
        if ('addEventListener' in document) {
            document.addEventListener('DOMContentLoaded', function(){
                FastClick.attach(document.body);
            }, false);
        }
        document.querySelector("#click").addEventListener("click",function(){
            alert("click me!");
        },false)
    </script>
</body>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 715评论 0 1
  • 相关知识点 移动端、 适配(兼容)、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
    sandisen阅读 25,572评论 3 67
  • 昨晚睡前被十四君的一篇九尾狐真实存在过吗?震撼到了,多好的一篇文章啊!引经据典,史料丰富,联想合理,结论可信,完全...
    诸慧的身心园地阅读 248评论 8 4
  • 为了躲避丽江的大雨,我临时改变主意来到大理。现在要离开大理了,又是一场大雨为我送别。 有的人离别就会伤感,有的人却...
    彩蛋旅行阅读 515评论 2 49