如何设置小程序防止重复点击导致事件触发？

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

作为前端开发，我们常遇到用户点击获取验证码按钮无响应的情况。例如，用户点击后没有反应，导致大部分用户都会连续点击，从而收到多条验证码。这是因为后台API请求较慢，而客户端没有及时响应。

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

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

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

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