處理移動端click事件 300 毫秒延遲， 由FT Labs開發(fā)，Github 項目地址：https://github.com/ftlabs/fastclick。從點擊屏幕上的元素到觸發(fā)元素的click事件，移動瀏覽器會有大約 300 毫秒的等待時間。為什么這么設(shè)計呢？ 因為它想看看你是不是要進行雙擊（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 的場景
桌面瀏覽器；如果viewport meta 標簽中設(shè)置了width=device-width， Android 上的 Chrome 32+ 會禁用 300ms 延時；Copyviewport meta 標簽如果設(shè)置了user-scalable=no，Android 上的 Chrome（所有版本）都會禁用 300ms 延遲。IE10 中，可以使用 css 屬性-ms-touch-action: none禁止元素雙擊縮放（參考文章）。
引入插件步驟
①在HTML頁面中添加注：必須在頁面所有Element之前加載腳本文件先實例化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),當你調(diào)用require('fastclick')時，FastClick.attach事件會被返回，加載FastClick最簡單的方式就是下面的方法了：varattachFastClick?=?require(‘fastclick’);attachFastClick(document.body);

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

總結(jié)

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

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