fastclick.js介紹

原文地址：http://www.uedsc.com/fastclick.html

 

用途：去掉移動端click事件的300ms的延遲。

 

 

延遲爲何存在

 

…在移動瀏覽器中，當你點擊按鈕的單擊事件時，將會等待大約300ms的時間。這是由於，瀏覽器是等着看，若是你是真正執行雙擊

 

使用方法

 

一、引入插件的javascript文件到你的HTML網頁中，像這樣：

 

<script type='application/javascript' src='/path/to/fastclick.js'></script>

 

注意：type屬性在HTML5網頁中能夠省略不寫。

 

腳本必須加載到實例化fastclick在頁面的任何元素以前。

 

實例化 fastclick 最好在body元素的前面，這是使用推薦的方法：

 

if ('addEventListener' in document) {
    document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
    }, false);
}

 

或者你使用了jquery插件，你能夠這樣編寫：

 

$(function() {
    FastClick.attach(document.body);
});

 

若是你使用的browserify CommonJS的模塊系統或另外一種風格，其fastclick.attach函數將返回 require('fastclick') 。做爲一個結果，使用fastclick這些裝載機的最簡單的方法以下：

 

var attachFastClick = require('fastclick');
attachFastClick(document.body);

項目地址：https://github.com/ftlabs/fastclick

下載插件：https://github.com/ftlabs/fastclick/archive/master.zip