解决移动端300ms延迟fastclick

为什么要使用fastclick

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

fastclick的使用

  • fastclick的使用非常简单

①npm安装

npm install fastclick

②将fastclick依附到body上

// main.js
import FastClick from 'fastclick' // 解决移动端300ms的延迟
FastClick.attach(document.body)
  • 如果页面上有一些特定的元素不需要使用fastclick来立刻触发点击事件,可以在元素的class上添加needsclick
<a class="needsclick">Ignored by FastClick</a>
上一篇:移动端300ms延迟原理,穿透、遮罩层滑动导致下面滑动总结


下一篇:MSSQL 生成有意义的PROC