解决移动端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>