解决移动端click点击问题

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,如何使用

<script type='application/javascript' src='/path/to/fastclick.js'></script>

调用方法:

 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);
VUE前端技术

vue里自定义封装axios

2020-5-20 23:16:32

前端技术

Pug学习

2020-5-20 23:22:11

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索