fastclick:處理移動(dòng)端click事件300毫秒延遲拣宏。
安裝:
先執(zhí)行安裝fastclick的命令沈贝。
npm install fastclick -D 或者 cnpm install fastclick -D
之后,在main.js中引入勋乾,并綁定到body宋下。
import FastClick from 'fastclick'
FastClick.attach(document.body);
發(fā)現(xiàn)不行
嘗試下面寫法
new Vue({
el: '#app',
router,
store,
components: {App},
render: h => h(App),
mounted(){
FastClick.attach(document.body); // 加載完畢調(diào)用
}
})
package.json 安裝之后會(huì)有
"devDependencies": {
"fastclick": "^1.0.6",
}
why use fastclick
?
在移動(dòng)端H5開發(fā)過程中,關(guān)于點(diǎn)觸可能會(huì)遇到如下兩個(gè)問題:
1辑莫、手動(dòng)點(diǎn)擊與真正觸發(fā)click事件會(huì)存在300ms的延遲(ios上面最明顯)
2学歧、點(diǎn)擊穿透問題(點(diǎn)擊行為會(huì)穿透元素觸發(fā)非父子關(guān)系元素的事件)