微信小程序 防连点时间_微信小程序防止重复点击

当用户点击按钮或控件时，如果响应比较慢，往往会重复点击，另外也会存在用户故意反复快速点击的情况，这种时候就会多次触发点击事件造成非期望的结果。如何解决或避免这个问题呢？一般来说有两种情况。

1、点击事件是执行请求

这种情况下可以在请求执行之前显示一个模式的加载框，请求完成后再关闭加载框，由于小程序在1.1.0版本基础库才支持wx.showLoading，因此需要对低版本做兼容处理，代码如下：

function showLoading(message) {

if (wx.showLoading) {

// 基础库 1.1.0 微信6.5.6版本开始支持，低版本需做兼容处理

wx.showLoading({

title: message,

mask: true

});

} else {

// 低版本采用Toast兼容处理并将时间设为20秒以免自动消失

wx.showToast({

title: message,

icon: 'loading',

mask: true,

duration: 20000

});

}

}

function hideLoading() {

if (wx.hideLoading) {

// 基础库 1.1.0 微信6.5.6版本开始支持，低版本需做兼容处理

wx.hideLoading();

} else {

wx.hideToa