enterkeyhint 是 HTML 全局属性，用于向移动端软键盘暗示回车键显示文字或图标（如 send、search、next、done 等），仅影响视觉提示及部分平台触发逻辑，不改变表单提交行为。
enterkeyhint 是什么，它能控制哪些键盘按钮
enterkeyhint 是 HTML 全局属性，用于向移动端软键盘暗示“回车键”该显示成什么文字或图标（如 send、search、next、done 等）。它不改变表单提交行为，只影响软键盘右下角按钮的视觉提示和部分平台的实际触发逻辑。
常见取值有：enter、done、go、next、previous、search、send。iOS 和 Android Chrome 从较新版本开始支持，但 Safari（iOS）仅在 input 类型为 text、search、url、tel 等时才响应；type="number" 或 type="email" 下部分取值可能被忽略。
为什么加了 enterkeyhint 却没变键盘按钮
最常见原因是输入框类型不匹配或浏览器兼容性未达标。比如：
-
enterkeyhint="search"在<input type="number">上基本无效——移动端数字键盘没有搜索按钮概念 - Safari on iOS 16.4+ 才开始支持
enterkeyhint，旧版直接忽略，连 console 都不报错 - 如果同时设置了
inputmode="numeric"，某些安卓机型会优先服从inputmode，覆盖enterkeyhint的意图 - React/Vue 等框架中用驼峰写法
enterKeyHint（JSX 属性）是合法的，但若渲染后变成小写enterkeyhint属性，仍需确保 DOM 实际存在且值合法
搭配 inputmode 和 type 才能稳定生效
单独用 enterkeyhint 效果浮动很大。真正起作用的是三者协同：
立即学习“前端免费学习笔记（深入）”；
- 用
type="search"+enterkeyhint="search"：iOS 和 Chrome 都倾向显示放大镜图标 - 用
type="text"+inputmode="search"+enterkeyhint="search"：安卓更可靠，尤其在非表单上下文中 - 登录页邮箱输入框推荐：
<input type="email" enterkeyhint="next">，比type="text"更易触发“下一步”按钮 - 密码框慎用
enterkeyhint="go"或"send"，部分 Android 键盘会无视——改用type="password"+enterkeyhint="done"更稳妥
监听 enter 键事件时别漏掉 enterkeyhint 的语义差异
用户点击软键盘上的“搜索”按钮，触发的仍是 keydown 事件，event.key === "Enter"，但语义上它代表“执行搜索”，不是“换行”。所以业务逻辑里不能只靠 keyCode 判断，得结合上下文：
input.addEventListener('keydown', e => {
if (e.key === 'Enter') {
if (input.enterKeyHint === 'search') {
performSearch();
} else if (input.enterKeyHint === 'send') {
sendMessage();
}
}
});
注意：input.enterKeyHint 是只读属性，返回当前实际生效的 hint 值（可能被浏览器修正），不是原始 HTML 属性值。iOS Safari 中该属性可能返回空字符串，建议 fallback 到 input.type 或 data 属性做判断。
真正麻烦的是：软键盘按钮点击不会冒泡到父元素，也不触发 submit 事件（除非在 form 内且是最后一个可提交字段），所以不能依赖表单默认行为——必须显式绑定 keydown 或用 input.addEventListener('change', ...) 辅助兜底。
