button未写type时在form内默认为submit，是HTML规范强制行为，所有浏览器统一执行；回车键会触发首个type="submit"按钮提交，必须显式声明type属性以切断默认行为。
button没写type时回车就提交，不是bug是规范
所有浏览器都按HTML标准执行：只要
最直接的解法：所有button都显式写type
别依赖JS拦截，先从语义层切断默认行为：
-
type="button"：纯JS触发按钮，比如“删除当前行”“展开详情”，它不参与表单任何生命周期 -
type="submit"：真要提交时才用，配合form.addEventListener('submit', e => { e.preventDefault(); /* 你的逻辑 */ }) -
type="reset"慎用——它只还原HTML初始值，对JS改过的input.value或框架绑定状态完全无效 - 禁止写
type="click"、type="primary"这类非法值，它们在
动态生成按钮时容易漏掉type
React/Vue/SSR模板里，如果按钮是循环渲染出来的，type很容易被变量遗漏。比如Vue组件里：<button @click="removeItem">删</button>，没传type就翻车。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 封装基础
Button组件，默认type="button"，需提交时才显式传type="submit" - 用ESLint插件
jsx-a11y/interactive-supports-focus或自定义规则，扫描缺失type的<button> - 检查DOM：打开开发者工具，选中按钮，看
type属性是否真实存在——有些框架会把type当prop透传失败，最终没落到真实标签上
回车提交拦不住？问题可能不在button上
即使button写了type="button"，回车还是提交，大概率是以下情况：
- 表单里只有一个
<input type="text">，没其他可聚焦元素，浏览器自动把回车映射到submit（这是老规范遗留行为） - 用了
event.preventDefault()但写在button的onclick里，而回车根本不会触发button click，只触发form.submit - 监听了
submit事件，但e.preventDefault()没放在第一行，前面有异步操作或报错导致跳过
真正要兜底，得在form上监听submit并首行e.preventDefault()，而不是靠button click硬扛。
type属性写不写，决定的是按钮在DOM层面有没有默认行为；JS监听只是后续控制流。很多人卡在“写了preventDefault却还刷新”，其实是按钮早就在submit链路上跑完了——语义没立住，代码再补也晚一步。
