收藏
回答

如何保证按钮不被高频点击?

如何保证按钮不被高频点击?

是这样,我有个答题小程序,在交卷的时候,有时候用户快速点击两次会产生两条有效答题记录,我想控制下,保证交卷只能提交一次

回答关注问题邀请回答
收藏

6 个回答

  • 放轻松点 主角
    放轻松点 主角
    2020-06-23

    前端。。节流和防抖了解下。后端3s内发送多个请求都提示操作过快,并且不录入库里。

    更简单的操作:

    this.start = true // 默认可点击
    App({
      handleSubmit() {
       if (this.start) { // 默认可点击
          this.start = false // 按钮点击后,发送请求前,设置该变量为false,在请求结果未返回前,用户不可再次点击,因为true才可点击。
          this.request('xxx', xxx).then((res) => {
            // 接口提交成功后,设置该变量为true,用户可再次点击。
            this.start = true
          })
        }
      }
    })
      
    
    2020-06-23
    有用 6
    回复 1
    • 小肥羊🍊
      小肥羊🍊
      2020-07-16
      多谢奶ba提供方案,赞
      2020-07-16
      回复
  • 一隅宇
    一隅宇
    2020-06-23

    点击按钮之后用showloading,mask设为true,接口返回结束调用wx.hideLoading


    2020-06-23
    有用 2
    回复 1
    • 小肥羊🍊
      小肥羊🍊
      2020-06-23
      确实,非常感谢,目前采用了这个方案。
      2020-06-23
      1
      回复
  • 2020-06-23

    debounce或者disable

    2020-06-23
    有用 1
    回复
  • 悠然~
    悠然~
    2020-06-23

    做一个真的按钮 一个假的按钮不就行了

    2020-06-23
    有用 1
    回复
  • 青寒
    青寒
    2020-06-23

    按钮被点击后先置为不可用(防止后续连点),等第一个点击处理完毕(成功或失败)再恢复按钮可用状态,这样操作可否?

    2020-06-23
    有用
    回复
  • 小肥羊🍊
    小肥羊🍊
    2020-06-23

    想知道怎么防止用户快速多次点击

    2020-06-23
    有用
    回复 5
    • 🐳
      🐳
      2020-08-04
      防抖和节流, 了解一下
      2020-08-04
      回复
    • 🐳
      🐳
      2020-08-04
      2020-08-04
      1
      回复
    • 🐳
      🐳
      2020-08-04
      2020-08-04
      回复
    • 薛佃涛_上海科效网络科技有限公司
      薛佃涛_上海科效网络科技有限公司
      2020-08-06
      Cannot read property dataset of undefined 请问这个问题你是怎么解决的?
      2020-08-06
      回复
    • 小肥羊🍊
      小肥羊🍊
      2020-08-06回复🐳
      非常感谢
      2020-08-06
      回复
登录 后发表内容
问题标签