fastclick作用


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會解決一部分問題,但是有可能會引起新的問題,如果不是必須,盡量不要引入。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM