大家好,又见面了,我是你们的朋友全栈君。
fastclick 是具有消除移动端浏览器上的点击事件的 300ms 的延迟的作用。
注意几点
1、PC端无效
2、Android 上的 Chrome 32 浏览器,如果在 viewport meta tag 中添加了 width=device-width
,那么就不会有 300ms 的延迟,所以,FastClick 监听器就不会被附加。
3、如果在 viewport meta tag 添加了 user-scalable=no
,也不会有延迟,注意不是user-scalable=0。
使用方法
代码语言:javascript复制<script type='application/javascript' src='/path/to/fastclick.js'></script>
代码语言:javascript复制if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
代码语言:javascript复制$(function() {
FastClick.attach(document.body);
});
上面是Js,或者jquery用法
4、解决点穿问题
页面A,B都有一个按钮,并且在同一个位置,点击页面A,跳转到页面B会触发点击事件,使用fastclick可以解决这个问题。
5、fastclick在ios11.3下有问题 https://www.jianshu.com/p/5b578e656966
综上所述,引入fastclick会解决一部分问题,但是有可能会引起新的问题,如果不是必须,尽量不要引入。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/166486.html原文链接:https://javaforall.cn