enterkeyhint在ios和android上表现不同：ios仅在text/textarea聚焦且键盘为文本模式时生效，android则对search/email等类型也尝试映射但常忽略send；type="number"等不支持该属性，微信x5内核不支持需降级；必须配合javascript监听enter键并调用requestsubmit()。
enterkeyhint 在 iOS 和 Android 上的实际表现差异
enterkeyhint 是个看似简单、实则行为分裂的属性。iOS Safari（16.4+）和 Chrome/Edge（Android 10+）都支持，但触发逻辑不同：iOS 只在 <input type="text"> 或 <textarea></textarea> 聚焦且软键盘处于“文本输入模式”时才显示对应提示；Android 则更激进——哪怕 type="search" 或 type="email" 也会尝试映射，但可能忽略 enterkeyhint="send" 而固执显示“搜索”。
常见错误现象：enterkeyhint="go" 写了，但键盘上还是“回车”图标；或用户点了“发送”键，表单没提交——因为没监听 keydown 中的 Enter，只靠 submit 事件，而部分安卓键盘不触发原生 submit。
- 必须搭配
event.key === 'Enter'或event.code === 'Enter'手动拦截，不能只依赖表单自动提交 -
type="search"会强制覆盖enterkeyhint为“搜索”，想用“发送”就得改用type="text"+enterkeyhint="send" - iOS 对
enterkeyhint="previous"和"next"支持极差，基本无效，别在这俩值上浪费调试时间
哪些 input 类型真正尊重 enterkeyhint
不是所有 type 都买账。实测下来，只有明确需要用户主动结束输入的场景，浏览器才愿意渲染对应提示：
-
type="text"、type="search"、type="url"、type="email"、type="tel"—— 这些能生效 -
type="number"、type="date"、type="checkbox"—— 完全无视enterkeyhint，键盘弹出即固定为数字盘或日期选择器，无 Enter 键可提示 -
type="password"行为不稳定：iOS 显示“完成”，Android 可能仍显示“回车”，建议统一用enterkeyhint="done"并配好 blur 处理
一个典型陷阱：<input type="text" enterkeyhint="send"> 在微信内置浏览器（X5 内核）里压根不生效，得降级 fallback 到监听 keydown + keyCode === 13。
必须同步处理的 JavaScript 逻辑
光写 HTML 属性没用。软键盘的“发送”键本质是模拟一次 Enter 键按下，但不会自动触发 form.submit()，尤其当表单里有多个 input 且未设 required 时。
正确做法是绑定 keydown，并显式调用 form.requestSubmit()（比 submit() 更安全，会触发表单验证）：
input.addEventListener('keydown', e => {
if (e.key === 'Enter' && e.target.matches('[enterkeyhint="send"], [enterkeyhint="go"]')) {
e.preventDefault();
e.target.form?.requestSubmit();
}
});
- 避免用
e.target.form.submit()：跳过 HTML5 验证，用户看不到required提示 - 不要只监听
input，要监听整个form的keydown，否则焦点在textarea时可能漏掉 - Android WebView（如 Cordova）可能把
e.key返回为空字符串，需加备选判断：e.keyCode === 13 || e.which === 13
enterkeyhint 不解决但容易被误以为能解决的问题
这个属性只控制软键盘右下角按钮的文案和图标，**不改变任何提交逻辑、不触发任何事件、不修复 focus 管理、也不保证键盘收起**。
你依然得自己处理：
- 用户点“发送”后，光标还留在 input 里 → 需手动
input.blur() -
表单提交后键盘卡住不收 → 某些安卓机型需要
setTimeout(() => input.blur(), 100)强制触发 - 多行
textarea按 Enter 想换行，但enterkeyhint="send"会让它直接提交 → 必须监听shiftKey：if (e.key === 'Enter' && !e.shiftKey) { /* submit */ }
最常被忽略的一点：enterkeyhint 值必须小写，写成 Enterkeyhint="Send" 或 enterkeyhint="SEND" 就失效——浏览器不报错，但悄悄忽略。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
