1. 程式人生 > >fastclick.js插件使用簡單說明

fastclick.js插件使用簡單說明

XML query 簡單 dev source attach strong ng- 方式

為什麽存在延遲?

從點擊屏幕上的元素到觸發元素的 click 事件,移動瀏覽器會有大約 300 毫秒的等待時間。為什麽這麽設計呢? 因為它想看看你是不是要進行雙擊(double tap)操作。

引入插件步驟

①在HTML頁面中添加

[html] view plain copy
  1. <script type=‘application/javascript‘ src=‘/path/to/fastclick.js‘></script>

註:必須在頁面所有Element之前加載腳本文件先實例化fastclick
②在JS中添加fastclick的身體,推薦以下做法:

[javascript] view plain copy
  1. if (‘addEventListener‘ in document) {
  2. document.addEventListener(‘DOMContentLoaded‘, function() {
  3. FastClick.attach(document.body);
  4. }, false);
  5. }

如果你使用了JQuery,那麽JS引入就可以改用下面的寫法:

[javascript] view plain copy
  1. $(function() {
  2. FastClick.attach(document.body);
  3. });


如果你使用Browserify或者其他CommonJS-style 系統,當你調用`require(‘fastclick‘)`時,`FastClick.attach`事件會被返回,加載FastClick最簡單的方式就是下面的方法了:

[javascript] view plain copy
    1. var attachFastClick = require(‘fastclick‘);
    2. attachFastClick(document.body);

fastclick.js插件使用簡單說明