对PHP的Telerik UI不熟悉?免费下载30天试用版

jQuery下拉列表键盘导航

加载演示……
  • 例子
  • 查看源代码
keyboard-navigation.php

也可用于:

API参考

描述

键盘导航为所有网络和应用程序用户提供了快速的键盘导航功能,也是网络可访问性功能的一部分,它使残疾用户能够通过键盘完全控制他们的网站或应用程序访问。

默认情况下,用户只能使用键盘导航到链接、按钮和表单控件。交互项接收键盘焦点的导航顺序必须符合逻辑和直观。一般来说,键盘导航逻辑需要遵循页面的视觉水平和垂直流,例如,从左到右和从上到下,首先是标题,然后是主导航,然后是页面导航。

剑道UI的键盘导航jQuery下拉列表总是可用的,在这个演示中演示。

这个DropDownList示例是数百个jQuery演示的独特集合的一部分,您可以看到所有的jQuery演示jQuery组件的剑道UI以及它们的功能。从库中查看演示的源代码或直接改编,并编辑它们及其主题外观jQuery Dojo的剑道UIThemeBuilder

下拉列表支持以下键盘快捷键:

焦点

键盘的传说

  • 向上箭头键突出显示前一项。
  • 向下的箭头突出显示下一项。
  • 左箭头键突出显示前一项。
  • 右箭头突出显示下一项。
  • 首页选择列表中的第一项。
  • 结束选择列表中的最后一项。
  • 向上翻页向上滚动弹出窗口。
  • 下一页向下滚动弹出框。
  • 输入选择突出显示的项。
  • Esc关闭弹出窗口。
  • Alt+向下的箭头打开弹出窗口。
  • 空间打开弹出窗口,或选择高亮显示的项目。
  • Alt+向上箭头键关闭弹出窗口。

支持和学习资源

额外的资源