当触发键盘事件时中文输入法下输入英文不触发键盘事件

最新推荐文章于 2025-03-19 08:40:25 发布

初见时你最美

最新推荐文章于 2025-03-19 08:40:25 发布

阅读量2.5k

点赞数 1

本文链接：https://blog.csdn.net/qq_40650146/article/details/83507801

版权

在输入中文或使用语音识别时，键盘事件处理程序可能会遇到英文输入不触发事件的问题。这是因为系统在输入过程中使用了compositionstart和compositionend事件。compositionstart时显示虚拟文本并触发input事件，而compositionend时输入实际内容。这个过程适用于拼音到汉字的转换或语音输入等需要确认的文本输入情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//  中文输入法时英文不触发键盘事件
search.addEventListener('compositionstart',function(){
   flag = false;
});
search.addEventListener('compositionend',function(){
  flag = true;
});
search.oninput = function(){
  setTimeout(function(){
    if(flag){
      _this.doSearchTwo()
    }
  },0);
}

通过查阅资料得知在输入中文（包括语音识别时）会先后触发compositionstart、compositionend事件，类似于keydown和keyup的组合。

触发compositionstart时，文本框会填入 “虚拟文本”（待确认文本），同时触发input事件；在触发compositionend时，就是填入实际内容后（已确认文本）。

先看看 compositionstart 的描述和 compositionend 的描述

compositionstart 事件触发于一段文字的输入之前（类似于 keydown 事件，但是该事件仅在若干可见字符的输入之前，