移动端300毫秒的延迟是由于双击缩放（double tap to zoom）机制引起的。当用户在移动设备上轻触屏幕时，浏览器会等待300毫秒，以确定用户是否要进行双击缩放。
为了解决这个问题，有以下几种常见的方法：
- 使用meta标签禁用缩放功能
<meta name="viewport" content="width=device-width, user-scalable=no">
这样一来，就可以禁用移动端浏览器的缩放功能，从而解决300毫秒的问题。不过需要注意的是，这样会影响到一些移动设备下的用户体验，应该谨慎使用。
- 使用FastClick库
FastClick 是一个JavaScript库，用于解决移动端浏览器的 300ms 延迟问题。它会通过检测用户的操作来模拟点击事件，并且能够处理移动设备的 touch 事件，从而提高点击响应速度。使用方法如下：
<script src="fastclick.js"></script>
<script>
if ('addEventListener' in document) {
document.addEventListener('DOMContentLoaded', function() {
FastClick.attach(document.body);
}, false);
}
</script>
因为有一些浏览器可能会对void(0)进行语法分析或执行，使其变得低效。所以更好的方法是使用#。
<!-- 原写法 -->
<a href="javascript:;"></a>
<!-- 推荐写法 -->
<a href="#"></a>
- 使用touch事件代替click事件
移动设备支持touch事件，可以通过touchstart和touchend事件来模拟click事件，从而减少点击延迟。不过需要注意的是，touch事件有时候还是会有延迟，不适合所有的场景使用。
以上方法都可以减少或避免移动端点击延迟问题，可以根据自己的需求选择适合的解决方案。
标签：浏览器,缩放,300ms,事件,延时,touch,移动,延迟 From： https://www.cnblogs.com/kitebear/p/17416722.html