浏览器原生支持表单回车提交，无需监听keydown；仅textarea需监听enter换行并preventdefault；多个submit按钮时按html顺序触发第一个。
不需要监听——只要表单结构正确，浏览器原生就支持回车提交，写 JavaScript 监听 keydown 反而容易破坏验证、跳过 submit 事件、导致页面意外刷新。
form 默认就支持回车提交，别碰 input 的 keydown
只要满足两个条件，用户在任意 <input type="text"> 或 <textarea></textarea> 里按 Enter，就会触发 submit 事件：
-
<form></form>内至少有一个可聚焦的输入控件（如<input>、<textarea></textarea>） - 存在一个
<button type="submit"></button>，或未设type但被浏览器默认识别为 submit 的<button></button>
常见错误是给 <input> 绑 keydown 并调用 form.submit() 或 button.click()。这会绕过 submit 事件监听器，e.preventDefault() 失效，AJAX 提交逻辑不执行，表单验证也被跳过。
唯一要监听 Enter 的地方：只有 <textarea></textarea>
用户在 <textarea></textarea> 里按 Enter 是为了换行，不是提交。必须精准拦截：
- 只监听
<textarea></textarea>元素自身的keydown事件 - 判断
e.key === 'Enter'且!e.shiftKey（若需 Shift+Enter 提交，再额外加判断） - 必须调用
e.preventDefault()，否则仍会触发表单提交
不要监听整个 <form></form> 或 document，否则会误杀其他输入框的合法提交行为。
多个 type="submit" 按钮时，回车触发哪个？
回车只激活 DOM 中第一个 <button type="submit"></button>（按 HTML 源码顺序），不是视觉上最靠前的那个：
-
display: none的按钮仍参与顺序判定，不会跳过 - 没写
type的<button></button>在不同浏览器中默认值不同（IE 是button，Firefox 是submit），容易误触 - 想动态指定默认按钮，应调用
form.querySelector('button[type="submit"]').focus()，而不是依赖顺序
独立 <button></button>（不在 <form></form> 内）怎么响应回车？
原生 <button></button> 聚焦后按 Space 才触发 click，Enter 不响应。若它不在表单内，又需要键盘支持：
- 给按钮加
tabindex="0"，确保能被 Tab 焦点捕获 - 监听按钮自身或其父容器的
keydown，判断e.key === 'Enter'或e.key === ' '（Space） - 必须调用
e.preventDefault()，否则可能触发页面滚动或跳转 - 调用
button.click()即可，但注意：这不会触发submit事件，仅模拟点击
真正容易被忽略的是：textarea 换行逻辑和 submit 事件的边界必须划清——监听对象、preventDefault、修饰键判断，三者缺一不可；而绝大多数 input 场景下，删掉你写的 keydown 就是最稳妥的“实现”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
