BFE.devAI解答 - 前端面试问题
151. touch设备的tap有300ms延迟是怎么回事？如何解决

触摸设备上的tap事件有300毫秒的延迟是因为浏览器在等待用户是否会执行双击缩放操作。如果用户没有执行双击缩放操作，浏览器才会触发单击事件。这一延迟通常被称为“300ms的tap延迟”。

为了解决这个问题，可以使用以下方法：

1.使用FastClick.js库，它可以在触摸屏上立即触发tap事件，而不会出现300ms的延迟。(这个很老了)

2.使用CSS属性touch-action: manipulation;可以告诉浏览器不要等待双击缩放操作。

3.使用Viewport meta标签可进行缩放。在这种情况下，浏览器不会触发双击缩放操作。

4.使用jQuery Mobile或Ionic等移动应用程序框架。这些框架可以自动处理tap延迟，并提供了大量的UI组件和功能。