应使用input事件而非change事件,因input在用户每次输入、删除、粘贴等操作后立即触发,覆盖所有文本变更场景,包括中文输入法选词上屏;change仅在失焦或回车后触发,无法实时响应。

直接给输入框绑定 input 事件监听器即可,这是获取实时输入值最常用、最可靠的方式。
为什么用 input 事件而不是 change?
change 只在输入框失去焦点(blur)或回车确认时触发,无法实时响应;而 input 事件在用户每次输入、删除、粘贴、剪切等操作后**立即触发**,覆盖所有文本变更场景,包括中文输入法的“选词上屏”过程(现代浏览器已良好支持)。
基础写法:原生 JS 绑定
确保 DOM 加载完成后再绑定,推荐使用 DOMContentLoaded 或将脚本放在


















