防止按钮重复点击的js实现 js学习（条件判断）

按钮重复提交的限制，优雅的按钮防重复点击。

一个小白开始学习变成的第一天

1.if循环

html代码为

<button id = "btn" οnclick="test()">按钮</button>

// 设置全局变量 agree_locked，默认为0
var agree_locked = 0;

// 按钮的点击事件
function test() {
  // 检查 agree_locked 的值
  if (agree_locked === 1) {
    // 中断后续操作
    return ;
  } else {
    // 修改 agree_locked 的值为 1
    agree_locked = 0;
    document.getElementById("demo").innerHTML = "第一次点击";
    // 执行后续操作
    // ...
    // 提交表单等
  }
}