倒计时结束时需立即清除定时器、禁用按钮并移除点击监听器，关键在于使用同一函数引用进行add/removeeventlistener，不可用匿名函数。
倒计时结束时自动移除抢购按钮的点击监听器，核心是确保 removeeventlistener 能精准匹配之前用 addeventlistener 绑定的函数——必须是**同一个函数引用**，不能是匿名函数或每次新建的函数。
✅ 正确绑定与解绑：使用具名函数或变量保存引用
错误写法（无法解绑）：
btn.addEventListener('click', function() { /* 抢购逻辑 */ });<br>btn.removeEventListener('click', function() { /* 同样内容 */ }); // ❌ 失败！两个函数不是同一引用
正确做法：
- 定义一个具名函数，绑定和解绑都用它
- 或把函数赋值给变量，后续用该变量解绑
示例：
function handleBuyClick() {<br> console.log('发起抢购请求');<br>}<br><br>btn.addEventListener('click', handleBuyClick);<br>// ……倒计时结束时<br>btn.removeEventListener('click', handleBuyClick);
⏰ 倒计时结束时机：在 clearInterval 后立即解绑
通常倒计时用 setInterval 实现，结束时需：
• 清除定时器
• 禁用按钮（视觉反馈）
• 移除点击监听器
关键顺序：
const timer = setInterval(() => {<br> if (timeLeft clearInterval(timer);<br> btn.disabled = true;<br> btn.textContent = '已结束';<br> btn.removeEventListener('click', handleBuyClick); // ✅ 紧跟清除后执行<br> }<br>}, 1000);
⚠️ 注意事项：避免多次绑定导致重复监听
如果倒计时可能被重复启动（比如刷新倒计时），要防止多次 addEventListener 导致同一事件触发多次。建议：
- 每次重新绑定前，先尝试解绑旧监听器（即使不确定是否已绑）
- 或用标志位记录当前是否已绑定，避免重复
- 更稳妥：封装成可管理的“抢购通道控制器”
? 进阶建议：用 once: true 或事件委托替代手动解绑
如果抢购只允许点一次，直接用原生 once: true 最简洁：
btn.addEventListener('click', handleBuyClick, { once: true });
它会在首次触发后自动卸载，无需手动 removeEventListener。
若按钮是动态生成或有多个同类按钮，考虑用事件委托 + 条件判断，统一管理。
