FastClick

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

1、使用方法

npm install fastclick

2、初始化FastClick实例

初始化FastClick实例建议在页面的DOM文档加载完成后。

纯Javascript版

if ('addEventListener' in document) {

document.addEventListener('DOMContentLoaded', function() {

FastClick.attach(document.body);

}, false);

}

jQuery版

$(function() {

FastClick.attach(document.body);

});

类似Common JS的模块系统方式

var attachFastClick = require('fastclick');

attachFastClick(document.body);

vue在项目开发中可以直接引入后

引入 import FastClick from 'FastClick'

使用 FastClick.attach(document.body)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • FastClick是一个非常方便的库,在移动浏览器上发生介于轻敲及点击之间的指令时,能够让你摆脱300毫秒的延迟。...
    奇妙div阅读 1,700评论 0 1
  • 处理移动端click事件 300 毫秒延迟, 由FT Labs开发,Github 项目地址:https://git...
    还好e阅读 11,922评论 1 1
  • 在移动浏览器上发生介于轻敲及点击之间的指令时,能够减少300毫秒的延迟。建议看下fastclickd 源码。 用f...
    执著_7a69阅读 2,125评论 0 2
  • 移动端点击延迟事件 1.移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟 2.原因: 移动端的双击...
    有田春雪阅读 50,815评论 2 26
  • fastClick的一些问题 1.原理 有些人喜欢问原理,我就先说一下原理:fastClick的原理大概就是将cl...
    Wang_Yong阅读 2,409评论 0 0