解决移动端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> 
  • 在这里插入图片描述

方案三: css

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

*{
    
    
	touch-action: manipulation;
}

猜你喜欢

转载自blog.csdn.net/lxb_wyf/article/details/113699513
今日推荐