如何解决移动端300ms延迟问题

Posted bamboopanders

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何解决移动端300ms延迟问题相关的知识,希望对你有一定的参考价值。

方案一:

 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
注释掉vue中public文件夹里面的meta标签
方案二:
在style中添加
*{
  touch-action:manipulatiaon
}
方案三:
引入 fastclick.js文件
<script type=‘application/javascriptsrc=‘/path/to/fastclick.js‘></script>
if (‘addEventListener‘ in document) {
	document.addEventListener(‘DOMContentLoaded‘, function() {
		FastClick.attach(document.body);
	}, false);
}

以上是关于如何解决移动端300ms延迟问题的主要内容,如果未能解决你的问题,请参考以下文章

移动端延迟300ms的原因以及解决方案

使用原生JS封装Tap事件,解决移动端300ms延迟

移动端300ms的点击延迟以及解决方案

移动端常见问题(click 300ms延迟)

解决click事件300ms延迟

解决click事件在移动端操作延迟300ms问题和点击时穿透问题