textarea按回车不提交表单是正常行为，因其Enter键语义为插入换行符，不参与表单回车提交机制，这是W3C标准且浏览器一致实现。
HTML 表格里放 textarea，按回车不会提交表单——这是正常行为，不是 bug；想让它提交，得改结构或加 JS，但多数情况下不该这么干。
为什么 textarea 按回车不提交？
浏览器对 textarea 的 Enter 键有明确语义：插入换行符。它和 input[type="text"] 不同，天生不参与表单的“回车提交”触发链。哪怕你把它塞进 <form></form> 里，只要没额外干预，Enter 就只换行。
- 这是 W3C 标准行为，所有现代浏览器一致
- 即使表单里有
button[type="submit"]，textarea聚焦时按 Enter 仍只换行 - 试图在
textarea上监听keydown并调用form.submit()会绕过submit事件，导致e.preventDefault()失效、验证逻辑被跳过
想让 textarea 回车提交，必须显式拦截并触发
如果你确实需要这个交互（比如评论框、即时消息输入），得手动处理 Enter，并确保不破坏其他逻辑：
- 只在
textarea的keydown中判断e.key === 'Enter'，且!e.shiftKey && !e.ctrlKey && !e.altKey - 调用
e.preventDefault()阻止换行 - 用
form.dispatchEvent(new Event('submit', { cancelable: true }))触发标准submit事件（比form.submit()安全） - 别忘了在
form.onsubmit里做e.preventDefault()，否则页面会刷新
示例片段：
立即学习“前端免费学习笔记（深入）”；
const form = document.querySelector('#commentForm');
const textarea = form.querySelector('textarea');
textarea.addEventListener('keydown', e => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
form.dispatchEvent(new Event('submit', { cancelable: true }));
}
});
form.addEventListener('submit', e => {
e.preventDefault();
// 你的提交逻辑，比如 fetch
});
表格里设快捷键？别用 accesskey
在 HTML 表格（<table>、<code><tr>、<code><td>）上写 <code>accesskey 基本无效——这些元素默认不可聚焦，浏览器直接忽略。即使加了 tabindex，跨平台组合键（Alt+X / Ctrl+Option+X）也极易被系统或浏览器劫持，移动端完全不响应。
- 真正可用的快捷键方案：监听
document.addEventListener('keydown')，但先过滤掉输入状态：!e.target.matches('input, textarea, [contenteditable]') - 组合键判断要严格，例如
e.ctrlKey && e.key === 's'，避免误触 - 快捷操作目标必须可识别，比如给某行加
aria-selected="true"，再通过 JS 找到它 - 按钮类操作（如“删除当前行”）应放在可聚焦元素上，比如
<button type="button" data-action="delete-row"></button>
最常被忽略的一点：表格快捷键是否生效，不取决于你写了几个 accesskey，而取决于焦点管理是否清晰、键盘事件是否做过滤、视觉反馈是否同步——这些都比硬塞一个没人知道怎么按的属性实在得多。
