onreset事件仅在javascript调用form.reset()且表单存在脏状态时触发，不响应用户点击重置按钮；可靠监听需绑定按钮click事件并手动控制重置流程。
onreset 事件根本不会在用户点击 <input type="reset"> 时触发——这不是 bug，是 HTML 规范行为。它只在 JavaScript 显式调用 form.reset() 后触发，且仅当表单存在“脏状态”（即被修改过）时才可靠派发。
为什么 onreset 不响应重置按钮点击
现代浏览器（Chrome 90+、Firefox 88+）严格遵循 HTML 标准：reset 按钮的点击本身不触发 reset 事件，它只是执行重置逻辑；之后是否派发事件，取决于重置前表单是否被修改（form.checkValidity() + 脏标记）。若没改过，事件直接跳过。
-
onreset属性或addEventListener('reset', ...)都只响应form.reset()调用，不响应用户点击 - 内联写法
<form onreset="..."></form>和监听'reset'事件名必须一致，写成'onreset'就完全失效 -
e.preventDefault()在reset事件处理器中无效——该事件不可取消，阻止重置必须提前拦截
想监听“用户点了重置按钮”，该怎么做
唯一可靠方式是退回到按钮级监听，用 click 事件捕获用户意图，并手动控制重置流程。
- 选中所有重置控件：
document.querySelector('button[type="reset"], input[type="reset"]') - 绑定
click事件，第一时间e.preventDefault()阻止浏览器自动重置 - 在回调里执行自定义逻辑（如清空富文本编辑器、记录日志、校验权限）
- 最后手动调用
form.reset()，此时已注册的onreset或reset监听器才会被触发
reset() 方法的几个关键限制
form.reset() 看似简单，但实际还原能力很有限，很多“看起来该清空”的东西它根本不管。
- 只还原初始 HTML 中声明的
value或defaultValue，对 JS 动态设置的input.value = 'xxx'无感 - 不处理动态插入的字段（如 JS 创建的
<input name="dynamic">），因为没有初始值可回退 -
<select></select>依赖<option selected></option>，若 JS 改过selectedIndex或value，重置后可能仍停在错误选项 -
<input type="file">的文件列表无法通过reset()清空，需手动设element.value = ''
兼容性与真实项目中的取舍
onreset 和 reset 事件在 IE9+、Chrome、Firefox、Safari 全支持，但实际维护中常被绕过。
- 老系统或无障碍需求场景才真需要它；新项目大多用 React/Vue 自管状态，压根不用原生 reset
- 如果表单含自定义组件（如日期选择器、标签输入框），
reset()对它们完全无效，必须在按钮click回调里单独清理 - 别信“加个
onreset就能统一收口”——真正可控的入口只有那个被preventDefault()拦下的按钮点击
最易忽略的一点：你写的 onreset 处理器，永远不知道这次触发到底是用户点的按钮，还是某段 JS 调用了 form.reset() —— 它们在事件对象上没有区分标识（isTrusted 恒为 false）。要区分，只能靠你在按钮 click 里设的标志位或上下文变量。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
