开始以为是输入法的问题，后来发现浏览器才是始作俑者，Chrome for Android 从 Chromium 62 起有"智能表单导航"逻辑，当前输入框不是表单里最后一个可聚焦文本框，输入法右下角按钮显示为下一步/下一项，当前是最后一个输入框时，才会显示为完成/前往/确认。
移动设备填写表单时输入法只有下一步没有"回车"键解决办法
通过给输入框增加enterkeyhint属性可以解决这个问题，enterkeyhint可选的值有：done、go、search、send、enter，其中enter就是回车：
<input type="text" class="search-input" id="searchName"
placeholder="🔍 输入客户名称搜索"
enterkeyhint="enter">
<input type="text" class="search-input" id="searchPhone"
placeholder="📞 输入电话号码搜索"
enterkeyhint="enter">
<input type="text" class="search-input" id="searchAddress"
placeholder="📍 输入地址搜索"
enterkeyhint="enter">此外，在监听事件中还要加一个 e.preventDefault()，用于阻止回车键的默认行为（即跳到下一个输入框）：
el.addEventListener('keydown', function(e) {
if (e.key === 'Enter') {
e.preventDefault(); // ← 加了这一行
doSearch();
}
});
评论（0）
暂无评论。