Question

我有一个神秘的问题。我为喜欢使用键盘的客户构建了基于浏览器的应用程序 - 没有鼠标，没有触摸面板。我有一个简单的HTML表单，包含一些时间：

<input tabindex="1" name="abc" type="text" />
<select tabindex="2" name="efg">
<option value="10:00:00">10.00</option> 
<option value="11:00:00">11.00</option> 
<option value="12:00:00">12.00</option> 
<option value="...">up to 24</option>
</select>

现在我的客户认识到无法选择＆＃34; 11.00＆＃34;选项使用键盘。例如。在击中＆＃34; TAB＆＃34;跳到＆＃34;选择＆＃34;你可以输入＆＃34; 10＆＃34;在键盘的numblock和选项＆＃34; 10.00＆＃34;被选中。它可以在任何时间，除了＆＃34; 11.00＆＃34;和＆＃34; 22.00＆＃34;。按键＆＃34; 1＆＃34;或＆＃34; 2＆＃34;两次指针总是跳到下一个选项（例如：两次＆＃34; 1＆＃34; - ＆gt; 12.00被选中）我已经在Linux和Windows下的任何主要浏览器上检查了这种行为：无处不在同样的问题。

jsFiddle

有没有解决问题的方法？

Answer 1

假设您没有任何JavaScript干扰，那么此选择应仅对具有默认浏览器行为的键盘完全可用。使用选项卡选择下拉列表后，您可以：

键入一个字符以跳转到以该字符开头的第一个选项
再次输入字符以跳转到以此字符开头的下一个选项（依此类推）
使用向上和向下箭头键浏览选项
使用回车键，空格键或Alt + Down展开选项列表
使用Alt + Up折叠选项列表
使用Tab键跳转到下一个可聚焦元素，折叠选项。

我将您的示例HTML放到一个干净的网页中，一切都按预期工作。我要检查你是否有任何正在捕获相关按键事件的JS。

HTML表单选择：使用键盘的行为

1 个答案: