處理移動(dòng)端click事件 300 毫秒延遲， 由FT Labs開(kāi)發(fā)，Github 項(xiàng)目地址：https://github.com/ftlabs/fastclick。從點(diǎn)擊屏幕上的元素到觸發(fā)元素的click事件，移動(dòng)瀏覽器會(huì)有大約 300 毫秒的等待時(shí)間。為什么這么設(shè)計(jì)呢？ 因?yàn)樗肟纯茨闶遣皇且M(jìn)行雙擊（double tap）操作。兼容性
Mobile Safari on iOS 3 and upwardsChrome on iOS 5 and upwardsChrome on Android (ICS)Opera Mobile 11.5 and upwardsAndroid Browser since Android 2PlayBook OS 1 and upwards不應(yīng)用 FastClick 的場(chǎng)景
桌面瀏覽器；如果viewport meta 標(biāo)簽中設(shè)置了width=device-width， Android 上的 Chrome 32+ 會(huì)禁用 300ms 延時(shí)；Copyviewport meta 標(biāo)簽如果設(shè)置了user-scalable=no，Android 上的 Chrome（所有版本）都會(huì)禁用 300ms 延遲。IE10 中，可以使用 css 屬性-ms-touch-action: none禁止元素雙擊縮放（參考文章）。
引入插件步驟
①在HTML頁(yè)面中添加注：必須在頁(yè)面所有Element之前加載腳本文件先實(shí)例化fastclick②在JS中添加fastclick的身體，推薦以下做法：? if('addEventListener’indocument)?{???? document.addEventListener(‘DOMContentLoaded’,function()?{???? FastClick.attach(document.body);?? },false);}如果你使用了JQuery，那么JS引入就可以改用下面的寫法：$(function()?{????? FastClick.attach(document.body);});如果你使用Browserify或者其他CommonJS-style 系統(tǒng),當(dāng)你調(diào)用require('fastclick')時(shí)，FastClick.attach事件會(huì)被返回，加載FastClick最簡(jiǎn)單的方式就是下面的方法了：varattachFastClick?=?require(‘fastclick’);attachFastClick(document.body);

作者：還好e
鏈接：https://www.jianshu.com/p/fdb510544d98
來(lái)源：簡(jiǎn)書(shū)
簡(jiǎn)書(shū)著作權(quán)歸作者所有，任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處。

總結(jié)

以上是生活随笔為你收集整理的IOS H5点击穿透问题可以用fastclick.js解决的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。