应监听 search 事件并确保 input 有 name 属性，以使软键盘显示“搜索”按钮并正确触发搜索；兼容旧版可补充 keydown 监听 enter 键并调用 preventdefault。
在 H5 中，input type="search" 本身已具备语义化和移动端优化特性，但要让回车键（软键盘上的“搜索”按钮）真正触发搜索逻辑，关键在于正确监听事件并阻止默认行为干扰。
确保软键盘显示“搜索”按钮
移动端浏览器（尤其是 iOS Safari 和 Android Chrome）会根据 type="search" 自动将软键盘右下角按钮文字设为“搜索”或“查找”，但这需要满足两个前提：
- input 必须有
name属性（哪怕值为空，如name=""），否则部分安卓机型仍显示“回车” - 避免同时设置
type="text"或其他 type，否则语义丢失，键盘按钮不会切换
监听 search 事件（推荐方式）
search 是专为 search 类型 input 设计的原生事件，会在用户点击软键盘“搜索”按钮、或手动清空后失焦时触发，语义清晰且兼容性好（iOS 12.2+、Android Chrome 70+ 均支持）：
<input type="search" id="searchInput" name="q" placeholder="搜一搜">
const input = document.getElementById('searchInput');
input.addEventListener('search', (e) => {
const query = e.target.value.trim();
if (query) {
doSearch(query); // 执行你的搜索逻辑
}
});
兼容旧版本：fallback 到 keydown + 回车判断
若需支持较老系统（如 iOS 11 或部分国产浏览器），可补充监听 keydown 并检测 Enter 键码：
- 使用
e.key === 'Enter'比e.keyCode更现代可靠 - 务必调用
e.preventDefault()防止触发表单默认提交或页面刷新 - 建议与
search事件共存，避免重复执行
input.addEventListener('keydown', (e) => {
if (e.key === 'Enter') {
e.preventDefault();
doSearch(input.value.trim());
}
});
避免常见坑点
不要只依赖 form 的 submit 事件：虽然把 search input 包在 <form></form> 里按回车会触发 submit，但移动端软键盘“搜索”按钮不一定触发 submit（尤其 iOS），且容易引发意外跳转或刷新。
不要忽略空值校验：用户可能直接点“搜索”而未输入内容，需主动 trim() 并判断非空。
慎用 input 事件实时搜索：它会在每次输入时触发，不适合防抖要求高的场景；如需实时建议，应配合防抖 + input，但主搜索动作仍应由 search 或 Enter 明确触发。
