移動端點擊延遲處理--fastClick

vue安裝fastClick就不用多說了吧( npm install fastclick --save

下面主要講的是使用fastClick的時候,在做項目的時候不要全局作用在body上面,如

import fastClick form 'fastClick'
fastClick.attach(document.body);

這樣導致的後果就是項目中所有的input和textarea點擊聚焦出現問題。

首先我們使用這個fastClick的時候最好是按需加載,作用目標定好,例如使用$refs和ref去捕捉虛擬dom,例如:

<div contenteditable class="text needsclick" id="content" style="-webkit-user-select:text"  ref="inputDiv">

fastClick.attach(this.$refs.inputDiv);

這就避免了上述所提到的問題

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章