眾所周知 移動設(shè)備上web界面,click事件有300s的延遲,是因為。。。。。(很多巴拉巴拉)
影響延遲主要是因為,事件響應(yīng)的順序是
- ontouchstart 當手指觸摸手機屏幕時發(fā)生
- ontouchmove 當手指在屏幕上滑動時連續(xù)觸發(fā),通常我們在滑屏界面,會調(diào)用ever.preventDefault組織默認情況,防止頁面滑動
- ontouched 當手指離開屏幕時觸發(fā)
- 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/
用法:
- 頭部引入
<script type="application/javascript">
window.addEventListener('load', function () {
FastClick.attach(document.body);
}, false);
</script>
結(jié)束語:當然不止這些解決辦法,但足夠自己用了。待完善~~~