為什么存在延遲?
從點擊屏幕上的元素到觸發元素的 click
事件,移動瀏覽器會有大約 300 毫秒的等待時間。為什么這么設計呢? 因為它想看看你是不是要進行雙擊(double tap)操作。
引入插件步驟
①在HTML頁面中添加
- <script type='application/javascript' src='/path/to/fastclick.js'></script>
注:必須在頁面所有Element之前加載腳本文件先實例化fastclick
②在JS中添加fastclick的身體,推薦以下做法:
- if ('addEventListener' in document) {
- document.addEventListener('DOMContentLoaded', function() {
- FastClick.attach(document.body);
- }, false);
- }
如果你使用了JQuery,那么JS引入就可以改用下面的寫法:
- $(function() {
- FastClick.attach(document.body);
- });
如果你使用Browserify或者其他CommonJS-style 系統,當你調用`require('fastclick')`時,`FastClick.attach`事件會被返回,加載FastClick最簡單的方式就是下面的方法了:
- var attachFastClick = require('fastclick');
- attachFastClick(document.body);