fastClick使用说明

2017-07-13  本文已影响0人  Wang_Yong

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>
上一篇下一篇

猜你喜欢

热点阅读