- FastClick 不会伴随监听任何桌面浏览器(移动端click事件300ms延时)
- Android 系统中,在头部 meta 中设置 width=device-width 的Chrome32+ 浏览器不存在300ms 延时,所以,也不需要
<meta name="viewport" content="width=device-width, initial-scale=1">
- 同样的情况也适用于 Android设备(任何版本),在viewport 中设置 user-scalable=no,但这样就禁止缩放网页了
- IE11+ 浏览器中,你可以使用 touch-action: manipulation; 禁止通过双击来放大一些元素(比如:链接和按钮)。IE10可以使用 -ms-touch-action: manipulation
- es6的模块(common.js的方式引入
import FastClick from 'fastclick'
//let FastClick = require('fastclick');
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
- js外部文件
<script src='path/fastclick.js'></script>
//原生js
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
//使用jquery
$(function() {
FastClick.attach(document.body);
});
网友评论