使用FastClick后双击报错解决方案

最新推荐文章于 2025-11-15 04:10:07 发布

原创最新推荐文章于 2025-11-15 04:10:07 发布 · 416 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #js #html

本文介绍了在移动端开发中遇到的点击延迟问题，以及如何通过引入FastClick库来解决这一问题，使得应用响应更灵敏。同时，针对使用FastClick库导致的双击报错，提出了通过设置全局CSS样式`touch-action: pan-y;`来避免错误的方法，实现了无延迟且无错误的点击体验。

在最近写项目时为了解决移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟，这是由于移动端的双击会缩放导致click判断延迟。所以引入了FastClick库，它是一个简单易用的库，消除了移动端浏览器上的物理点击和触发一个 click 事件之间的延迟。目的就是在不干扰你目前的逻辑的同时，让你的应用感觉不到延迟，反应更加灵敏。

但是在使用过程中，发现双击页面任何地方就会报错，就算不影响正常使用，我也看不惯，就要把它消灭掉。