fastclick插件學習（一）之用法

原理

在檢測到touchend事件后, 會通過dom自定義事件模擬一個click事件,並把瀏覽器300ms之后真正觸發的點擊事件屏蔽掉，fastclick是不會對PC瀏覽器添加監聽事件

使用

1、引入fastclick.js

2、給body所有的元素綁定click事件,之后我們使用的就是fastclick中的click事件（像正常使用click事件一樣）

情況一：使用jquery

// js引入   
<script type='application/javascript' src='/path/to/fastclick.js'></script>   
  
$(function() {
    FastClick.attach(document.body);    
});    

情況二：沒用jquery

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

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

情況三：AMD

var FastClick = require('fastclick');
FastClick.attach(document.body, options);

例如：在vue中使用

// 安裝  
npm install fastclick -S  
// 引入  
import FastClick from 'fastclick'  
// 使用  
FastClick.attach(document.body);

參考

fastclick