其他分享
首页 > 其他分享> > 使用fastClick点击提示警告(报错)

使用fastClick点击提示警告(报错)

作者:互联网

什么是FastClick? 1> FastClick 是一个简单易用的库,它消除了移动端浏览器上的物理点击和触发一个 click 事件之间 的 300ms 的延迟 ;

2> 目的就是在不干扰你目前的逻辑的同时,让你的应用感觉不到延迟,反应更加灵敏;

3> 实现原理: 在检测到touchend事件的时候,会通过DOM自定义事件立即出发模拟一个click事件, 并把浏览器在300ms之后真正的click事件阻止掉。

 

为什么会存在延迟 ?

1> 移动端浏览器会从你点击按钮之后,等待大约 300ms 才会触发点击事件

2> 原因是浏览器会等待看你的行为是否会是双击

 

下载安装包  npm i fastclick

在main中引入

 

import FastClick from 'fastclick'
if ('addEventListener' in document) {
  document.addEventListener('DOMContentLoaded', function() {
      FastClick.attach(document.body);
  }, false);
}

快速双击元素会报错

解决方法

在根元素添加如下代码

 * { touch-action: pan-x }

 

标签:FastClick,浏览器,300ms,点击,fastClick,报错,document,click
来源: https://www.cnblogs.com/xmc168/p/16026777.html