Vue解决用户点击事件延迟的300ms

用户点击被延迟了？移动设备上，浏览器通常会在用户点击事件触发后的300ms才执行，是因为在检查用户是否在做双击为了可以立即响应用户的点击事件，fastclick插件出现了使用方法1.下载：npm install fastclick2.引入：import FastClick from 'fastclick'3:应用：FastClick.attach(document.body...

~小仙女~

2837人浏览 · 2019-05-28 10:20:29

~小仙女~ · 2019-05-28 10:20:29 发布

用户点击被延迟了？

移动设备上，浏览器通常会在用户点击事件触发后的300ms才执行，是因为在检查用户是否在做双击
为了可以立即响应用户的点击事件，fastclick插件出现了

使用方法

1.下载：

npm install fastclick

2.引入：

import FastClick from 'fastclick'

3:应用：

FastClick.attach(document.body)

应用后，在接触到用户的点击事件就会在对应的DOM上模拟一个click事件，300ms之后则会把真正的事件阻止掉。从而达到快速触发点击事件的效果

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^