處理移動端click事件 300 毫秒延遲， 由FT Labs開發，Github 項目地址：https://github.com/ftlabs/fastclick。從點擊屏幕上的元素到觸發元素的click事件，移動瀏覽器會有大約 300 毫秒的等待時間。為什么這么設計呢？ 因為它想看看你是不是要進行雙擊（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不應用 FastClick 的場景
桌面瀏覽器；如果viewport meta 標簽中設置了width=device-width， Android 上的 Chrome 32+ 會禁用 300ms 延時；Copyviewport meta 標簽如果設置了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 系統,當你調用require('fastclick')時，FastClick.attach事件會被返回，加載FastClick最簡單的方式就是下面的方法了：varattachFastClick?=?require(‘fastclick’);attachFastClick(document.body);

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。