form 元素默认支持回车提交，无需监听 key 事件；仅当 textarea 需换行时才需拦截 Enter 并手动插入换行符；自定义提交必须在 submit 事件中调用 preventDefault，且应避免在按钮 click 中调用 form.submit()。
form 元素默认就支持回车提交，无需额外监听
只要 form 包裹了至少一个可提交的表单控件（比如 <input type="text">、<textarea>），且没有禁用提交逻辑，用户在任意可聚焦的控件内按回车，浏览器就会自动触发表单的 submit 事件。不需要手动绑定 keydown 或 keypress。
常见误解是“必须监听回车键才能提交”，其实这是多余操作，反而容易引入 bug。
阻止回车提交的典型场景：textarea 换行需求
当表单里有 <textarea>，用户希望按回车时换行，而不是提交表单——这时才需要干预。核心是区分触发回车的是哪个元素，并只阻止特定情况下的默认行为。
- 监听
form的submit事件，在回调中调用e.preventDefault()可全局禁用提交，但会同时干掉所有提交方式（包括点击按钮） - 更稳妥的做法是监听
textarea的keydown事件，仅当按下回车且非组合键时阻止默认行为：textarea.addEventListener('keydown', e => { if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey && !e.altKey) { e.preventDefault(); // 手动插入换行符（可选） const start = e.target.selectionStart; const end = e.target.selectionEnd; const value = e.target.value; e.target.value = value.slice(0, start) + '\n' + value.slice(end); e.target.selectionStart = e.target.selectionEnd = start + 1; } }); - 注意：不要在
input[type="text"]上做类似处理，否则会破坏基本提交体验
自定义提交逻辑时，别漏掉 submit 事件的冒泡路径
如果用 JavaScript 控制提交（比如发 AJAX），务必在 form 的 submit 事件中调用 e.preventDefault()，否则页面会跳转或刷新。
立即学习“前端免费学习笔记（深入）”；
-
submit事件只在form元素上触发，不会冒泡到父级div等容器 - 若表单内有多个
input[type="submit"]或button[type="submit"]，它们点击都会触发同一submit事件，无需分别监听 - 避免在按钮上监听
click并手动调用form.submit()，这会绕过submit事件监听器，导致preventDefault失效
移动端软键盘回车键行为不一致，需实测
Android 键盘的“回车”键常被映射为“搜索”“发送”或“下一项”，iOS 键盘则多为“前往”；这些按键不一定触发 Enter，有些会直接触发 submit，有些则不会。
- 不要依赖
e.key === 'Enter'捕获所有软键盘提交动作 - 真正可靠的提交入口仍是
form的submit事件——它能覆盖所有平台和输入法的提交意图 - 若需兼容“搜索”键，可监听
search事件（仅部分input[type="search"]支持），但通用性远不如submit
click 里却忘了处理回车，或者在 textarea 上无差别阻止 Enter 导致整个表单无法提交。回车提交不是“功能”，而是浏览器原生机制——该用就用，该拦才拦。 
