fastClick使用说明
2017-07-13 本文已影响0人
Wang_Yong
fastClick的一些问题
1.原理
有些人喜欢问原理,我就先说一下原理:
fastClick的原理大概就是将click事件进行包装成一系列tap事件,从而避免浏览器的300ms的延时情况。细心点同学可以研究一下源码,着急的同学直接拿来用就可以了。
2.使用步骤
- 引入库文件
fastclick.js
- 注入事件进去(body或者某个元素)
- 使用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>