本文介绍了两种防止用户重复点击的方法：一是通过显示加载遮罩层来阻止多次点击，兼容了微信不同版本；二是设置按钮点击后短暂禁用，确保操作唯一性。这两种方式可以有效提升用户体验。
方法一：
加loading遮罩层
/**
* 执行请求，禁止多次点击或者重复点击
*/
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.hideToast();
}
}
方法二：
对按钮的控制是否可点击，点击之后0.5s后恢复可点击
function buttonClicked(self) {
self.setData({
buttonClicked: true
})
setTimeout(function () {
self.setData({
buttonClicked: false
})
}, 500)
}
成语猜题 小程序体验直接搜就行了。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
