fastclick.js插件

fasTCLick.js插件是一款在編程過程中能夠?qū)崿F(xiàn)在瀏覽器中獲得300毫秒延遲效果的插件工具，為你提供了延遲相應(yīng)效果，讓你的編程過程能夠更加快速，帶來了眾多便利輔助，快來綠色資源網(wǎng)下載吧！

fastclick.js官方介紹

FastClick 是一個(gè)簡單，易于使用的js庫用于消除在移動(dòng)瀏覽器上觸發(fā)click事件與一個(gè)物理Tap(敲擊)之間的300延遲。

fastclick.js軟件特色

移動(dòng)端在處理點(diǎn)擊事件的時(shí)候，會(huì)有300毫秒的延遲。恰恰是這300毫秒的延遲，會(huì)讓人有一種卡頓的體驗(yàn)。

這300毫秒的原因，在于早期瀏覽器的實(shí)現(xiàn)中，瀏覽器不知道用戶觸摸后，到底想做什么，所以故意等待300毫秒，再觸發(fā)click事件。

既然我們已經(jīng)知道了原因了，怎么解決呢？

既然瀏覽器有這300ms的延遲，那么我們來代替瀏覽器判斷，手動(dòng)觸發(fā)click事件，這也是fastClick的解決方案。

fastclick插件使用方法

引入插件的javascript文件到你的HTML網(wǎng)頁中，像這樣：

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

注意：type屬性在HTML5網(wǎng)頁中可以省略不寫。

腳本必須加載到實(shí)例化fastclick在頁面的任何元素之前。

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

if ('addEventListener' in document) {

document.addEventListener('DOMContentLoaded', function() {

FastClick.attach(document.body);

}, false);

或者你使用了JQuery插件，你可以這樣編寫：

$(function() {

FastClick.attach(document.body);

});

如果你使用的browserify CommonJS的模塊系統(tǒng)或另一種風(fēng)格，其fastclick.attach函數(shù)將返回 require(‘fastclick’) 。作為一個(gè)結(jié)果，使用fastclick這些裝載機(jī)的最簡單的方法如下：

var attachFastClick = require('fastclick');

attachFastClick(document.body);