移動端web界面click時間300s延遲的問題

眾所周知 移動設(shè)備上web界面,click事件有300s的延遲,是因為。。。。。(很多巴拉巴拉)
影響延遲主要是因為,事件響應(yīng)的順序是

  1. ontouchstart 當手指觸摸手機屏幕時發(fā)生
  2. ontouchmove 當手指在屏幕上滑動時連續(xù)觸發(fā),通常我們在滑屏界面,會調(diào)用ever.preventDefault組織默認情況,防止頁面滑動
  3. ontouched 當手指離開屏幕時觸發(fā)
  4. click 點擊事件

所以如何解決移動端web界面事件延遲以及點擊穿透方案?

瀏覽器的開發(fā)商的解決方案

方案一: 禁止縮放

<meta name="viewport" content="user-scalable=no"/>
<meta name="viewport" content="initial-scale=1,maximum-scale=1"/>

方案二:更改默認的可視寬度

<meta name="viewport" content="width=device-width"/>

** 第三方的解決方案**
FastClick
githup:https://github.com/ftlabs/fastclick/

用法:

  1. 頭部引入
  2. <script type="application/javascript">
    window.addEventListener('load', function () {
    FastClick.attach(document.body);
    }, false);
    </script>

結(jié)束語:當然不止這些解決辦法,但足夠自己用了。待完善~~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容