使用fastClick
FastClick 是专门为解决移动端浏览器300 ms点击延迟问题
所开发的一个轻量级的库。FastClick的实现原理是在检测到touchend
事件的时候,会通过DOM自定义事件立即触发一个模拟click事件,并把浏览器在300ms之后的click事件阻止掉。
大图预览遇到了 点击穿透问题
使用tap事件代替 click 事件(tap事件原生不支持,需要额外引入插件)
使用mouse事件代替click 事件
使用fastclick事件代替click事件(一般页面引入插件即可)
Ant Design Mobile | A Mobile Design Specification
引入 FastClick 并且设置 html
meta
(更多参考 #576)引入 Promise 的 fallback 支持 (部分安卓手机不支持 Promise)
<!DOCTYPE html> <html> <head> <!-- set `maximum-scale` for some compatibility issues --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /> <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script> <script> if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', function() { FastClick.attach(document.body); }, false); } if(!window.Promise) { document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"'+'>'+'<'+'/'+'script>'); } </script> </head> <body></body> </html>