博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决移动端click点击问题
阅读量:4947 次
发布时间:2019-06-11

本文共 742 字,大约阅读时间需要 2 分钟。

下载地址:https://github.com/ftlabs/fastclick

1,为什么移动端点击会有300ms的延迟呢?

从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间。这是因为浏览器想看看你是不是要进行双击(double tap)操作。

2,兼容性

  • iOS 3及更高版本的移动Safari
  • iOS 5及更高版本的Chrome
  • Android上的Chrome(ICS)
  • Opera Mobile 11.5及以上版本
  • Android 2以来的Android浏览器
  • PlayBook OS 1及以上版本

3,如何使用

调用方法:

 a,原生js

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

b,jquery

$(function() {    FastClick.attach(document.body);});

c,common js方法

var attachFastClick = require('fastclick');attachFastClick(document.body);

d,AMD

var FastClick = require('fastclick');FastClick.attach(document.body, options);

 

转载于:https://www.cnblogs.com/qingfengweb/p/6673666.html

你可能感兴趣的文章
新浪微博---首页技术点二.轮播图的实现
查看>>
6.高性能NIO框架netty
查看>>
线程锁
查看>>
Oracle语句补充
查看>>
vuex使用方法
查看>>
eclipse添加easyExport插件,打开本地文件
查看>>
Docker CE 安装
查看>>
HR面试总结
查看>>
Yahoo!团队:网站性能优化的35条黄金守则(转)
查看>>
redis 基本操作
查看>>
Windows下安装Redis服务
查看>>
Sublime的Package Control的安装
查看>>
【HDOJ】2155 小黑的镇魂曲
查看>>
Mininet实验 脚本实现控制交换机行为
查看>>
c# 获取程序运行的根目录
查看>>
Java之匿名内部类详解
查看>>
adb 命令模拟按键事件
查看>>
Codeforces Round #436 D. Make a Permutation!
查看>>
scp的使用
查看>>
React组件绑定this的四种方式
查看>>