如何停止JS自动点击循环 避免页面刷新后重复触发脚本

核心思路是新增持久化状态标记，判断批量点击逻辑是否已经执行过，避免页面刷新后重复触发：

• 方案1：使用localStorage存储执行标记（推荐，适合油猴/用户脚本场景）
  页面加载时先读取本地存储的执行标记，仅当标记不存在时运行点击逻辑，执行完成后写入标记防止后续刷新重复触发。
  修改后代码如下：

// 检查执行标记，已执行过则直接跳过
if (!localStorage.getItem('batchAddCartExecuted')) {
  const discount = document.getElementById("discount");
  if (discount?.dataset?.value === "TEST") {
    for (let i = 0; i < 50; i++) {
      document.getElementById("clickMe")?.click();
    }
    // 写入执行标记
    localStorage.setItem('batchAddCartExecuted', 'true');
  }
}

如需重新运行脚本，在浏览器控制台执行localStorage.removeItem('batchAddCartExecuted')后刷新页面即可。

• 方案2：URL参数标记
  若不需要持久化标记，可在弹窗关闭触发页面刷新时，给跳转URL追加自定义参数（比如?hasClicked=1），脚本初始化时检查URL是否携带该参数，存在则跳过点击逻辑。该方案优势是清除标记仅需去掉URL参数刷新即可，劣势是手动清除参数后会重新触发逻辑。
• 方案3：移除弹窗关闭后的刷新逻辑（仅适用可修改页面源码场景）
  若你有权限修改页面原生逻辑，直接删除弹窗关闭回调里的页面刷新代码，从根源上避免循环触发。

补充提示：代码中新增的可选链?.用于避免目标元素不存在时抛出脚本错误，可根据你的运行环境兼容性要求选择是否保留。

内容的提问来源于stack exchange，提问作者Happax