Flutter Web中如何忽略键盘回车键触发的事件？

一、单个组件内忽略回车键 #

如果仅需让特定组件（比如输入框）不响应回车键，直接空实现对应回调即可：

以TextField为例：

TextField(
  // 空实现提交回调，忽略回车触发的提交行为
  onSubmitted: (_) {},
  decoration: InputDecoration(labelText: "不响应回车的输入框"),
)

要是需要彻底拦截键盘事件（比如阻止默认换行），可以用RawKeyboardListener包裹组件：

RawKeyboardListener(
  focusNode: FocusNode(),
  onKey: (RawKeyEvent event) {
    // 捕获回车键按下事件并标记为已处理，阻止传播
    if (event is RawKeyDownEvent && event.logicalKey == LogicalKeyboardKey.enter) {
      event.handled = true;
    }
  },
  child: TextField(
    decoration: InputDecoration(labelText: "完全忽略回车的输入框"),
  ),
)

二、全局范围内忽略回车键 #

如果要让整个应用都不响应回车键，可在MaterialApp的builder中通过Shortcuts组件覆盖回车键的默认行为：

MaterialApp(
  builder: (context, child) {
    return Shortcuts(
      shortcuts: {
        // 将回车键映射为空操作，覆盖默认行为
        LogicalKeySet(LogicalKeyboardKey.enter): DoNothingAction(),
      },
      child: child!,
    );
  },
  home: Scaffold(
    appBar: AppBar(title: Text("全局忽略回车")),
    body: Center(child: TextField()),
  ),
)

注意：如果应用有自定义键盘快捷键，需确保此设置不会与其冲突，必要时可针对特定场景做例外处理。

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