按钮默认不响应回车键，仅当其为type="submit"且位于<form>内时才自动触发表单提交；独立button需手动监听keydown事件并调用click()，同时兼顾Space和Enter键、添加tabindex="0"及:focus-visible样式以满足无障碍要求。
按钮默认不响应回车键，除非它处于聚焦状态且是 type="submit" 并包裹在 <form> 内——其他情况都得手动加逻辑，否则键盘用户根本点不了。
button 元素本身不自动响应 Enter 键
原生 <button> 只有在获得焦点（比如 Tab 进来）后，按 Space 才会触发 click；Enter 不会。这是浏览器规范行为，不是 bug。很多开发者误以为“只要 focus 就能回车点击”，结果测试时发现没反应。
-
type="submit"的 button 在<form>内部时，Enter 才会自动触发表单提交——但这是表单机制，不是 button 本身的响应 - 独立存在的
<button>（比如模态框里的id="submit"），必须显式监听keydown并调用click() - 用
onclick行内属性 +onkeydown是反模式：难维护、无法统一管理、容易漏掉event.preventDefault()
正确绑定 Enter 触发的监听方式
推荐统一委托到输入区域或按钮父容器，而不是每个 input 单独绑。关键不是“在哪监听”，而是“监听谁”和“是否阻止默认行为”。
- 监听目标应为可编辑元素：
input、textarea，或整个form—— 用户操作入口在哪里，就在哪里监听 - 必须用
event.preventDefault()：否则在textarea里按 Enter 会换行，在form里会触发隐式 submit，干扰业务逻辑 - 优先用
event.key === 'Enter'，keyCode已废弃；兼容旧环境可保留keyCode === 13作为 fallback - 触发点击用
document.getElementById('submit').click()，不要直接调用 onclick 函数——绕过事件系统，可能丢失自定义逻辑或 preventDefault 效果
无障碍支持：Space 和 Enter 都要兼顾
仅支持 Enter 不够。WCAG 要求切换类按钮（如开关、确认/取消）同时响应 Space 和 Enter。用 <button> + aria-pressed 是唯一合规路径。
立即学习“前端免费学习笔记（深入）”；
- 别用
<div tabindex="0">模拟按钮——屏幕阅读器无法识别其交互语义 - 给 button 加
role="button"（冗余但保险）、aria-pressed="false"，并在 JS 中同步更新该属性值 - 监听
keydown时同时判断event.key === 'Enter'和event.key === ' '（空格键，注意是空格字符） - 确保 CSS 有
:focus-visible样式，否则键盘用户看不到当前焦点在哪
最常被忽略的是：按钮没设 tabindex="0"，导致 Tab 根本无法聚焦；或者监听了 Enter 却忘了处理 Space；又或者在动态渲染后没重新绑定事件——这些都会让键盘导航断链。无障碍不是加一段 JS 就完事，而是整条交互链都要对齐标准。
