按回车触发表单提交，是因为它作为可聚焦文本控件，在存在 submit 按钮且获得焦点时满足浏览器默认提交条件，与 type="text" 行为一致；阻止应回归表单 submit 事件处理而非依赖 input 的 keydown。
为什么 <input type="date"> 按回车会触发表单提交
不是日期输入框本身“想提交”，而是它作为表单内一个可聚焦的文本类控件，满足了浏览器默认提交的两个前提：表单中存在 type="submit" 按钮（或未声明 type 的 <button></button>），且当前焦点落在该 <input> 上。哪怕你只写了 <input type="date">，只要没显式禁用或干扰默认行为，回车就会走原生提交流程。
特别注意：<input type="date"> 在部分浏览器（如 Chrome）中点击后会弹出日期选择器，但键盘焦点仍保留在输入框内——此时按回车，浏览器不区分“是否选完日期”，只认“焦点在可提交控件上 + 有 submit 按钮”，直接触发 submit 事件。
- 它和
<input type="text">在提交逻辑上完全等价，只是 UI 不同 - 即使你把日期选择器关掉、光标还在输入框里，回车照样提交
- 如果表单里只有这个
date输入框 + 一个<button></button>（没写type），那这个按钮就是默认的submit按钮
onkeydown="if(event.keyCode==13) return false;" 为什么在 date 输入框上可能失效
因为现代浏览器对 <input type="date"> 的键盘事件处理更保守：某些版本（尤其是 Safari 和旧版 Edge）在日期选择器激活期间，keydown 事件可能被拦截或不冒泡到 input 元素本身；另外，keyCode 已被废弃，推荐用 event.key === 'Enter'，否则在部分环境返回 undefined 导致判断失败。
- 别只监听
input元素，优先监听form的keydown，并检查event.target是否为 date 输入框 - 用
event.key替代event.keyCode，避免兼容性断裂 - 若用了框架（如 Vue/React），确保事件绑定时机正确，避免 DOM 尚未挂载就绑定
真正可靠的阻止方式：从 form.onsubmit 入手
最稳定的做法不是拦按键，而是让提交动作本身可控。给 <form></form> 加 onsubmit="return false;" 是快速验证方案，但生产环境应改用 JS 绑定，并配合自定义逻辑：
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
- 用
form.addEventListener('submit', e => { e.preventDefault(); /* 你的提交逻辑 */ }); - 这样无论用户点按钮、按回车、还是调用
form.submit()，都能统一拦截 - 避免在
input上写内联onkeydown，既难维护又容易被框架覆盖 - 如果确实要保留原生提交（比如跳转式表单），那就别阻止，而是确保所有按钮都显式声明
type，防止误触
容易被忽略的隐藏陷阱：隐藏的 submit 按钮仍在起作用
有人以为用 display: none 或 visibility: hidden 把 <button type="submit"></button> 隐藏起来，回车就不会提交了——错。浏览器依然把它当作有效的提交按钮，DOM 顺序照常计算，回车照样触发它。
- 真正禁用它，得用
disabled属性，或干脆移除该元素 - 或者把它的
type改成"button"，再通过 JS 显式调用逻辑 - 动态插入的按钮更要小心：即使 JS 插入时写了
type="button"，若插入后又被其他逻辑覆盖，也可能悄悄变回submit
date 输入框本身没有特殊提交逻辑，问题永远出在表单结构和按钮类型上。盯住 <button></button> 的 type 值、<form></form> 的 submit 事件流、以及你实际监听的是哪个元素的哪个事件——这三点漏掉任意一个，回车就可能在你意料之外跑掉。
