监听中文输入法完成应使用 compositionend 事件，它在用户确认输入（空格/回车/点击候选词）后触发，此时 event.target.value 已更新为最终文本，可安全用于校验或提交。
在 JavaScript 中监听输入法中文联想完成，核心是捕获用户确认输入（如按空格、回车或点击候选词）后的最终值变化。由于输入法上屏行为不触发标准的 input 或 keydown 事件（尤其在 Chrome 等浏览器中），需结合 compositionstart、compositionupdate 和 compositionend 三个事件来准确判断“输入完成”时机。
监听 compositionend 事件获取最终输入内容
compositionend 是最可靠的信号：它在用户结束输入法编辑（例如选中候选词并上屏、或取消联想）后触发，此时 event.data 包含本次输入法会话中确认的内容，且 input 元素的 value 已更新为最新值。
- 在
compositionend回调中读取target.value，即可拿到包含中文联想结果的完整文本 - 注意：该事件不保证每次输入都触发（例如纯英文直输不触发），但只要用了中文输入法并完成选择，就一定会触发
- 示例代码：
const input = document.querySelector('input');
input.addEventListener('compositionend', (e) => {
console.log('输入法确认完成，当前值：', e.target.value);
// 此时 value 已包含用户选中的中文词，可做校验、提交等操作
});
配合 compositionstart 做状态标记（可选但推荐）
为了区分“普通键盘输入”和“输入法编辑过程”，可在 compositionstart 中设一个标记（如 isComposing = true），并在 compositionend 中重置。这样能避免把输入法中间态（如拼音未上屏时的 input 事件）误当作有效输入。
-
compositionstart：输入法开始编辑（如输入“zhong”后弹出候选框） -
compositionupdate：编辑过程中拼音或候选内容变化（一般不用监听，仅调试用） -
compositionend：用户敲空格/回车/点击上屏，或 ESC 取消，此时isComposing应设为false
不要依赖 input 事件单独判断中文输入完成
input 事件在输入法未确认前就会频繁触发（比如每打一个拼音字母就触发一次），其值是当前光标位置的字符串，包含未上屏的拼音（如 "我爱编" 后还在打 "j"，value 可能是 "我爱编j"，但实际还没出“程”字）。若仅靠 input 做校验或提交，容易误判。
立即学习“Java免费学习笔记（深入）”；
- 正确做法：在
compositionend触发后再处理业务逻辑；其他时候可忽略或只做轻量 UI 反馈（如清空错误提示） - 兼容性提醒：所有现代浏览器（Chrome、Firefox、Safari、Edge）均支持这三个 composition 事件
移动端需额外注意
iOS Safari 和 Android Chrome 对 composition 事件支持良好，但部分安卓 WebView（尤其旧版本）可能不触发 compositionend。此时可降级方案：监听 input + blur（失焦）组合，或使用防抖（debounce）延迟 300ms 后读取 value（适用于非实时场景）。
- 例如用户输入后点击“搜索”按钮，可直接读取当前 value，无需强依赖 composition 事件
- 若必须实时响应（如表单验证），优先用 compositionend；降级时加日志便于定位问题
