Skip to content

移动端的点击事件的有延迟,时间是多久,为什么会有? 怎么解决这个延时?

Posted on:2024年7月20日 at 11:32

移动端点击有 300ms 的延迟是因为移动端会有双击缩放的这个操作,因此浏览器在 click 之后要等待 300ms,看用户有没有下一次点击,来判断这次操作是不是双击。

有三种办法来解决这个问题:

click 延时问题还可能引起点击穿透的问题,就是如果我们在一个元素上注册了 touchStart 的监听事件,这个事件会将这个元素隐藏掉,我们发现当这个元素隐藏后,触发了这个元素下的一个元素的点击事件,这就是点击穿透。

原文转自:https://fe.ecool.fun/topic/b43082e8-2312-4594-ac1c-4f0d2d5da81c