JS 按钮点一次触发好几次请求，事件监听被重复绑定了

const btn = document.getElementById('submit');
btn.replaceWith(btn.cloneNode(true));
const fresh = document.getElementById('submit');
fresh.addEventListener('click', onSubmit);

列表页新增一行后，原来按钮的点击会发两次请求，越操作次数越多。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。

追下去是这么回事：每次渲染都重新 addEventListener 且没有移除旧的，回调累积叠加。

「JS 事件重复绑定」确认了原因之后，改动尽量只碰那一处，顺手改的东西后面最容易出问题。监控和日志的时间要对上，时区不一致会多绕很大一圈。

临时改动用注释写上日期和原因，过两周自己都记不清为什么这么写。动手前把原文件复制一份带时间戳，出问题立刻换回去，比现场分析快得多。

一次只改一处，改完立刻验证，几个改动叠在一起，出问题就说不清是谁导致的。先做最小复现，能稳定跑出来的问题，排查成本会低一个数量级。

处理上按这个顺序：绑定前先移除同名监听；改用事件委托；用标记位防止重复初始化。

确认没问题再收工，连续操作多次后每次点击只发一条请求，控制台也没有重复日志。