fastclick 是具有消除移動端瀏覽器上的點擊事件的 300ms 的延遲的作用。
注意幾點
1、PC端無效
2、Android 上的 Chrome 32+ 瀏覽器,如果在 viewport meta tag 中添加了 width=device-width
,那么就不會有 300ms 的延遲,所以,FastClick 監聽器就不會被附加。
3、如果在 viewport meta tag 添加了 user-scalable=no
,也不會有延遲,注意不是user-scalable=0。
使用方法
<script type='application/javascript' src='/path/to/fastclick.js'></script>
if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); }
$(function() { FastClick.attach(document.body); });
上面是Js,或者jquery用法
4、解決點穿問題
頁面A,B都有一個按鈕,並且在同一個位置,點擊頁面A,跳轉到頁面B會觸發點擊事件,使用fastclick可以解決這個問題。
5、fastclick在ios11.3下有問題
https://www.jianshu.com/p/5b578e656966
綜上所述,引入fastclick會解決一部分問題,但是有可能會引起新的問題,如果不是必須,盡量不要引入。