Vue移动端开发解决300ms点击延迟---FastClick

一.FastClick

移动端设备浏览器会默认在用户点击屏幕大约延迟300ms后才会触发点击事件,这是为了检查用户是否执行的是双击事件。为了能够立即响应用户的点击事件,才有了FastClick。

二.用法

全局安装fastclick:

npm i fastclick 

也可使用淘宝镜像:

cnpm i fastclick

三.Vue中引入及配置FastClick

引入:
import FastClick from 'fastclick'
配置:

if ('addEventListener' in document) {
    document.addEventListener('DOMContentLoaded', function() {
        FastClick.attach(document.body);
    }, false);
}
发布了5 篇原创文章 · 获赞 3 · 访问量 831

猜你喜欢

转载自blog.csdn.net/m0_37820004/article/details/103937136