前端解决输入法与键盘事件冲突问题

2025-03-26T08:48:18.000Z2025-04-01T06:32:03.910Z2371 min南昌

在做输入框输入添加数据项的时候，可能会遇到这样的问题，就是当进行输入法输入的时候按下回车，也会添加数据项，也就是还是会出发输入框的回车监听事件

那么解决也很简单

键盘事件对象里面有一个 isComposing 属性，这个属性表示当前是否正在进行输入法输入

代码解决

// 监听输入框的回车事件
input.addEventListener("keydown", function (event) {
  // 如果正在输入法输入，则阻止默认行为
  if (event.isComposing) {
    // 如果正在使用输入法，则不执行后续代码
    return;
  }
});