移动端300毫秒事件响应延迟解决方法[fastclick]

Posted ladybug7

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端300毫秒事件响应延迟解决方法[fastclick]相关的知识,希望对你有一定的参考价值。

vue-cli[2.x]中:

安装

npm install fastclick --save

使用:

在main.js中 :先 import fastClick from ‘fastclick‘ 然后 fastClick.attach(document.body)

技术图片
import Vue from ‘vue‘
import App from ‘./App‘
import router from ‘./router‘
import fastClick from ‘fastclick‘
import ‘./assets/styles/reset.css‘
import ‘./assets/styles/border.css‘

Vue.config.productionTip = false
fastClick.attach(document.body)

/* eslint-disable no-new */
new Vue({
  el: ‘#app‘,
  router,
  components: { App },
  template: ‘<App/>‘
})
main.js

 

以上是关于移动端300毫秒事件响应延迟解决方法[fastclick]的主要内容,如果未能解决你的问题,请参考以下文章

移动端300ms特殊处理

移动端触屏click点击事件延迟问题,以及tap的解决方案

fastclick:处理移动端click事件300毫秒延迟

vue.js 添加 fastclick的支持 处理移动端click事件300毫秒延迟

解决click事件300ms延迟

移动端延迟300ms的原因以及解决方案