click延迟解决方案
移动端click事件会有300ms的延迟,原因是移动端屏幕双击会缩放页面
1、禁止缩放功能 浏览器禁用默认双击缩放行为去掉300ms的点击延迟 user-scalable=no
2、利用touch事件自己封装这个事件解决300ms
3、使用fastclick插件
先引用fastclick.js文件
然后添加
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function () {
FastClick.attach(document.body);
}, false);
}
这样页面中使用的点击事件全部取消了延迟时间
<script src='./fastclick.js'></script>
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function () {
FastClick.attach(document.body);
}, false);
}
var goback = document.querySelector('.goback')
goback.addEventListener('click', function () {
alert('ok')
})