原理 : 移动端屏幕双击会缩放页面 300ms 延迟
会出现点透现象
在列表页面上创建一个弹出层, 弹出层有个关闭的按钮, 你点了这个按钮关闭弹出层后后, 因为有 300ms 延迟, 所以这个按钮正下方的内容也会执行点击事件 (或打开链接). 这个被定义为这是一个 "点透" 现象
解决方案
视口标签中禁止用户缩放
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
利用 touch 事件封装事件解除 300ms 延迟
使用插件 fastclick 插件解决 300ms 延迟
官网: https://github.com/ftlabs/fastclick lib 文件 ----fastclick
来源: http://www.bubuko.com/infodetail-3080065.html