React中onKeyDown事件下Ctrl+Enter按键无响应问题排查

这是Windows系统与浏览器的默认行为差异导致的：

• Windows平台中，多数浏览器会将Ctrl+Enter识别为全局特殊快捷键（比如表单提交、编辑器发送内容等），浏览器会优先拦截该组合键的原生事件，不会将Enter的keydown事件传递给React应用。
• Shift+Enter未被浏览器预设为全局快捷键，因此两个按键的事件都能正常被监听捕获。
• MacOS上的浏览器没有对Ctrl+Enter设置这类全局预设规则，所以事件可以正常传递。

如果需要让Ctrl+Enter的Enter事件被捕获，可以在事件处理中阻止默认行为：

onKeyDown={(e) => {
  if (e.ctrlKey && e.code === 'Enter') {
    e.preventDefault();
  }
  console.log("e.code: ", e.code);
}}

内容的提问来源于stack exchange，提问作者Szymskiii