JS 插件 fastclick.js 解決手機端click點擊延遲

FastClick 是一個簡單，易於使用的JS庫用於消除在移動瀏覽器上觸發click事件與一個物理Tap(敲擊)之間的300延遲。

對於非移動瀏覽器不啟作用，禁用縮放標簽。

<meta name="viewport" content="initial-scale=1.0, user-scalable=no">

 

引入插件步驟

  ①在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);