解决移动端click事件的300毫秒延迟

方案一: 加一个meta标签

此方案可以解决安卓手机, 没有解决ios手机上面的问题

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

方案二: js

  • 引入一个 fastclick
  • fastclick: https://github.com/ftlabs/fastclick
  • 下载下来, 手动导入
// fastclick.js 是下载到本地的
<script type="text/javascript" src="lib/fastclick.js"></script> 
<script type="text/javascript" >
	if ('addEventListener' in document) {
	document.addEventListener('DOMContentLoaded', function() {
		FastClick.attach(document.body);
	}, false);
}
</script> 
  • 解决移动端click事件的300毫秒延迟

方案三: css

加一个全局的样式: 就是禁用掉双击

*{
	touch-action: manipulation;
}
上一篇:201 click 延时300ms的解决方案: fastclick 插件 等


下一篇:opencv —— calcHist、minMaxLoc 计算并绘制图像直方图、寻找图像全局最大最小值