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,如何使用
1 |
<script type='application/javascript' src='/path/to/fastclick.js'></script> |
调用方法:
a,原生js
1 2 3 4 5 |
if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); } |
b,jquery
1 2 3 |
$(function() { FastClick.attach(document.body); }); |
c,common js方法
1 2 |
var attachFastClick = require('fastclick'); attachFastClick(document.body); |
d,AMD
1 2 |
var FastClick = require('fastclick'); FastClick.attach(document.body, options); |
未经允许不得转载:一点博客-青梅煮码-共享博客 » 解决移动端click点击问题
评论抢沙发