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

jQuery工具栏键盘导航

加载演示……
  • 例子
  • 查看源代码

也可用于:

API参考

描述

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

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

的键盘导航剑道UI的jQuery工具栏始终可用,如本演示中所示。

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

工具栏支持以下快捷键:

焦点

  • Alt+W聚焦组件。

支持的键和用户操作

  • 右箭头对焦下一个可对焦的项目。
  • 左箭头键对焦前一个可对焦的项目。
  • 输入选择聚焦按钮,或者如果模板包含可聚焦项,则进入内部模板导航,或者当溢出锚点被聚焦时打开CommandOverflow菜单。
  • 空间选择聚焦按钮,或在溢出锚点聚焦时打开CommandOverflow菜单。
  • 首页对焦第一个可对焦的项目。
  • 结束对焦最后一个可对焦的项目。
  • Esc如果激活了内部模板导航,则将焦点移回工具栏项。

应用于SplitButton或CommandOverflow的动作

  • Alt+向下的箭头打开SplitButton或CommandOverflow菜单。
  • 向下的箭头聚焦SplitButton或CommandOverflow菜单中的下一项。
  • 向上箭头键聚焦SplitButton或CommandOverflow菜单中的前一项。
  • Alt+向上箭头键关闭SplitButton或CommandOverflow菜单。
  • Esc关闭SplitButton或CommandOverflow菜单。
  • 输入选择被聚焦的按钮。
  • 空间选择被聚焦的按钮。

支持和学习资源

额外的资源