小程序如何有效防止多次点击重复触发事件？

本文共计803个文字，预计阅读时间需要4分钟。

作为前端开发，我们常遇到的场景是，例如用户点击获取验证码按钮时，如果没有响应，大部分用户都会继续点击，导致收到大量验证码。这是因为后台API请求较慢，而客户端没有即时反馈。

作为前端开发，我们经常会遇到的场景，比如用户点击获取验证码按钮时，没有反应，大部分用户都会接着点击，这就会造成用户收到多条验证码，这是因为后台api请求比较慢，而客户端体验又做得不到位，导致用户以为没点击到或者是页面假死，在上次请求还没处理完，就再次点击按钮。这对于我们开发来说，这是bug。

如何解决或避免这个问题呢？一般来说有两种情况。

1、点击事件是执行网络请求（提交评论，验证码，支付）

这种情况下可以在请求执行之前显示一个模式的加载框，请求完成后再关闭加载框。