使用 { once: true } 选项可让事件监听器在首次触发后自动移除，无需手动调用 removeeventlistener；适用于表单提交、图片加载等一次性场景，语法简洁且兼容主流浏览器。
在 JavaScript 中，给 addEventListener 传入 { once: true } 选项，就能让事件监听器在首次触发后自动移除，无需手动调用 removeEventListener。
once 参数的基本用法
只需在第三个参数（options）中设置 once: true，浏览器会在该监听器执行完一次后自动清理：
- 语法简洁，避免手动管理监听器生命周期
- 适用于只响应一次的交互，比如初始化操作、表单提交后禁用按钮、加载完成回调等
- 兼容性好，现代浏览器（Chrome 55+、Firefox 50+、Edge 79+、Safari 10+）均支持
常见使用场景示例
表单提交后禁用提交按钮：
const form = document.querySelector('form');
form.addEventListener('submit', function handler(e) {
e.preventDefault();
console.log('表单已提交，监听器将自动移除');
// 后续逻辑：发送请求、禁用按钮等
}, { once: true });
图片加载完成后的回调：
Java JDK 25
下载
Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。
const img = new Image();
img.addEventListener('load', function() {
console.log('图片加载成功');
// 不需要再手动 remove，once 已保证只执行一次
}, { once: true });
img.src = '/path/to/image.jpg';
注意事项与限制
once: true 是一次性绑定，不能重复触发；若需多次监听，不可复用同一监听函数并期望它再次生效：
- 同一个函数 +
{ once: true }只能注册一次有效监听，重复调用addEventListener会新增独立的一次性监听器 - 无法通过
removeEventListener提前移除（除非在触发前用引用精确匹配移除，但违背 once 初衷） - 不适用于需要动态控制启停的场景（此时应手动管理 add/remove）
对比手动 remove 的写法
不用 once 时，常需保存函数引用并显式移除：
function handleClick() {
console.log('点击了一次');
btn.removeEventListener('click', handleClick);
}
btn.addEventListener('click', handleClick);
而使用 once 后更简洁安全，尤其适合匿名函数：
btn.addEventListener('click', () => {
console.log('点击处理，自动销毁');
}, { once: true });
不复杂但容易忽略
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
