HTML中onchange属性如何实现表单值变化实时监听？

本文共计892个文字，预计阅读时间需要4分钟。

它只在于+

常见误判现象：

• 用户边打字边想实时校验？onchange 不行，得用 oninput 或 onkeyup
• 用户点了下拉框又点回原选项？值没变，不触发
• 脚本直接赋值 element.value = 'xxx'？这不会自动触发 onchange，必须手动 dispatchEvent(new Event('change'))

onchange 和 oninput 的关键区别

onchange 是“提交式”响应，oninput 是“输入式”响应。两者语义不同，不能互换。