解决移动端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，如何使用

代码语言：javascript复制

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

调用方法：

 a，原生js

代码语言：javascript复制

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

b，jquery

代码语言：javascript复制

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

c，common js方法

代码语言：javascript复制

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

d，AMD

代码语言：javascript复制

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

android ios

0 人点赞