出现的问题:移动端点击延迟事件--> 移动端在判断点击事件的时候会有300mx的延时,以判断是滑动还是点击,移动端双击还会导致缩放,导致click延时判断
解决的方法:a:禁用缩放 <meta name="viewport" content="user-scalable=no"> 导致的问题:网页也无法缩放
b:更改默认视口宽度 <meta name="viewport" content="width=device-width"> 需要浏览器支持
c:tap事件 zepto的tap事件,模拟click事件 但是会出现点击穿透的问题
d: fastclick.js插件
原理:在检测到touchend事件的时候,会通过DOM自定义事件立即触发模拟一个click事件,并把浏览器在300ms之后真正的click事件阻止掉
在js里初始化实例:
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);