fastclick：處理移動端click事件300毫秒延遲

1、兼容性

• iOS 3及更高版本的移動Safari
• iOS 5及更高版本的Chrome
• Android上的Chrome（ICS）
• Opera Mobile 11.5及以上版本
• Android 2以來的Android瀏覽器
• PlayBook OS 1及以上版本

2、不應用FastClick的場景

桌面瀏覽器;
如果視口元標簽中設置了width=device-width，Android上的Chrome 32+會禁用300ms延時;

<meta name="viewport" content="width=device-width, initial-scale=1">
 

• 1

視頻元標簽如果設置了user-scalable=no，Android上的Chrome（所有版本）都會禁用300ms延遲。
IE10中，可以使用css屬性-ms-touch-action: none禁止元素雙擊縮放（參考文章）。

3、安裝：

先執行安裝fastclick的命令。

npm install fastclick -S

之後，在main.js中引入，並綁定到body

import FastClick from ‘fastclick‘

FastClick.attach(document.body);

fastclick：處理移動端click事件300毫秒延遲