美文网首页
fastClick使用说明

fastClick使用说明

作者: Wang_Yong | 来源:发表于2017-07-13 14:08 被阅读0次

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>

相关文章

网友评论

      本文标题:fastClick使用说明

      本文链接:https://www.haomeiwen.com/subject/uapwhxtx.html