新的剑道UI为jQuery?下载30天免费试用

jQuery菜单键盘导航

加载演示……
  • 例子
  • 查看源代码
  • 在剑道UI Dojo中编辑
  • 改变主题
    默认的
    萨斯
    少
    默认主题
    • 主要
    • 主要的黑暗
    • 北欧
    • 海洋蓝色
    • 紫色的
    • 绿松石
    引导主题
    • 主要
    • 主要的黑暗
    • 北欧
    • 城市
    • 古董
    材料的主题
    • 主要
    • 北极
    • 酸橙黑
    • 主要的黑暗
    • 新星
    经典主题
    • 主要
    • 主要的黑暗
    • 蛋白石
    • 银
    流利的主题
    • 主要
    启动主题构建器
keyboard-navigation.html

还适用于:

API参考

描述

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

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

的键盘导航jQuery菜单的剑道UI如本演示中所示，始终可用。

这个菜单示例是数百个jQuery演示的独特集合的一部分，您可以看到所有这些演示jQuery组件的剑道UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码，并编辑它们及其主题外观jQuery Dojo的剑道UI或ThemeBuilder．

菜单支持以下快捷键:

焦点

  • Alt+W聚焦垂直菜单。点击它或标签也可以。
  • Alt+问聚焦水平菜单。点击它或标签也可以。

支持的键和用户操作

  • 首页转到第一项。
  • 结束到最后一项。
  • 右箭头转到下一个项目或打开一个项目组。
  • 左箭头键转到上一个项目或关闭项目组。
  • 向下的箭头打开项目组或转到组中的下一个项目。
  • 向上箭头键转到组中的前一项。
  • 输入选择或导航项目(与单击操作相同)。
  • 空间选择或导航项目(与单击操作相同)。
  • Esc关闭最里面的开放组。
  • 选项卡下一个可聚焦的页面元素上菜单的选项卡。
  • 转变+选项卡上一个可聚焦的页面元素的菜单上的选项卡。

支持和学习资源

额外的资源