移动端click事件会有300ms的延迟,原因是移动端屏幕双击会缩放(double tap zoom)页面!
1.禁用缩放
通过禁用浏览器默认的双击缩放行为并且去掉300ms的点击延迟
缺点:如果有网页在移动端需要进行缩放,就无法正常缩放
<meta name="viewport" content="user-scalable=no"/>
2.使用FastClick插件
github地址: http://github.com/ftlabs/fastclick/
gtiee地址:https://gitee.com/mirrors/fastclick?_from=gitee_search
引入文件,按照作者的语法规范进行使用
<script src="fastclick.js"></script>
<script>
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
</script>
仅供参考!!!