解决移动端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毫秒延迟_第1张图片

方案三: css

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

*{
     
	touch-action: manipulation;
}

你可能感兴趣的:(所见即所得-Vue,笔记,html)