Javascript 当我在android设备上选择next时，在填写表单时，它会跳过任何下拉列表
我有一个由输入文本框、下拉列表和提交按钮组成的web表单 当我在android手机上使用我的网站-chrome浏览器（或android设备上的任何浏览器）时，我使用手机键盘上的next导航到下一个字段 我的表单上的字段顺序：Javascript 当我在android设备上选择next时，在填写表单时，它会跳过任何下拉列表,javascript,html,css,samsung-mobile,setfocus,Javascript,Html,Css,Samsung Mobile,Setfocus,我有一个由输入文本框、下拉列表和提交按钮组成的web表单 当我在android手机上使用我的网站-chrome浏览器（或android设备上的任何浏览器）时，我使用手机键盘上的next导航到下一个字段 我的表单上的字段顺序： 名字（文本输入） 姓氏（文本输入） 日（下拉列表） 月份（下拉列表） 年份（下拉列表） 地址（文本）邮政编码（文本） 提交（按钮） android键盘上的“下一步”按钮可以很好地从名字导航到姓氏。但是，当我输入完姓氏后选择“下一步”时，它会直接将我带到地址字段。它会跳过
- 名字（文本输入）
- 姓氏（文本输入）
- 日（下拉列表）
- 月份（下拉列表）
- 年份（下拉列表）
- 地址（文本）邮政编码（文本）
- 提交（按钮）
yourEditText.setOnEditorActionListener(new OnEditorActionListener() {
@Override
public boolean onEditorAction(TextView textView, int actionId, KeyEvent event) {
if (actionId == EditorInfo.IME_ACTION_NEXT) { //trigger when user taps on next button in keyboard
hideKeyboard(); //hides the keyboard as it is not necessary here
yourEditText.clearFocus();
yourSpinner.requestFocus();
yourSpinner.performClick();//opens the dropdown in your spinner
}
return true;
}
});
private void hideKeyboard() {
InputMethodManager inputManager = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
inputManager.hideSoftInputFromWindow(this.getCurrentFocus().getWindowToken(),
InputMethodManager.HIDE_NOT_ALWAYS);
}
不要将键盘上的“下一步”按钮混淆为TAB键，它不是。键盘上的“下一步”按钮只会查找可由键盘编辑的下一个输入字段，例如文本或数字字段。它将跳过所有其他内容，因为这需要关闭键盘并调出本机日历或组合框选择器 如果键盘中存在TAB键，则其工作原理与预期相同。play store中的某些键盘具有TAB键，如。您可以下载并查看按TAB键是否会聚焦下一个选择元素或日期输入元素 下面的演示显示了TAB键和Next按钮的区别。您可以看到，在使用TAB键导航时，键盘事件会触发，显示TAB键代码9。但在使用Next键时，不会触发键盘事件，就好像浏览器甚至不知道刚才发生了什么一样
document.getElementById（'my_form'）.addEventListener（'keydown'，函数（事件）{
document.getElementById（'response_view'）。innerHTML=event.keyCode；
})
最后一个按键代码：
选择日期
1.
2.
3.
div:focus{font-weight:bold；}
单击此输入，然后单击选项卡
焦点2（你也可以聚焦文本）
焦点4
焦点3
无焦点
FOCUS 5
contenteditablenextnextselectcontenteditablenext.form字段{
填充：10px；
}
.表单字段标签{
显示：块；
}
.表单字段输入，
.表格字段选择{
显示：块；
宽度：100%；
保证金：0；
填充：0；
}
名称
年龄
情绪
请选择
高兴的
悲哀的
高兴的
疯狂的
拉德