现代浏览器中使用 { once: true } 可让事件监听器触发一次后自动移除，无需手动解绑；支持匿名函数和具名函数，主流浏览器均兼容，旧环境可选 polyfill 降级。
在现代浏览器中，直接使用 { once: true } 选项添加事件监听器，就能让该监听器在触发一次后自动移除，无需手动调用 removeEventListener。这是最简洁、安全的“执行一次 + 自动解绑”方案。
基本用法：添加即生效，触发即销毁
只需在 addEventListener 的第三个参数中传入 { once: true } 对象：
button.addEventListener('click', function handler() {
console.log('只执行一次');
}, { once: true });
这个 handler 函数在第一次点击后自动卸载，后续点击不再响应。注意：它不依赖闭包或外部变量，也不需要记住函数引用，天然防内存泄漏。
与匿名函数配合时的注意事项
使用匿名函数（如箭头函数）最方便，但无法复用或手动移除：
- ✅ 推荐：适合一次性逻辑，代码干净
- ❌ 不能用于后续主动移除（因为没函数名/引用），但这恰恰符合
once的设计意图
示例：
input.addEventListener('input', (e) => {
validate(e.target.value);
}, { once: true });
与具名函数搭配：便于调试和条件复用
如果逻辑较重，或你想在别处临时复用该函数，可定义具名函数：
function handleSubmit() {
console.log('提交已处理');
// 可在此内部再次绑定（如需重试机制）
}
form.addEventListener('submit', handleSubmit, { once: true });
此时仍自动解绑；若后续需要重新监听，调用 addEventListener 再次绑定即可——清晰可控。
兼容性与降级建议
{ once: true } 在所有主流浏览器（Chrome 55+、Firefox 50+、Safari 10+、Edge 79+）均支持。如需兼容极老环境（如 IE），可封装一个简易 polyfill：
function addOnce(target, type, listener, options = {}) {
const wrapped = function(...args) {
listener.apply(this, args);
target.removeEventListener(type, wrapped, options);
};
target.addEventListener(type, wrapped, options);
}
但除非明确要支持 IE 或旧 Android WebView，否则直接用原生 once 即可，更轻量、更可靠。
