新的Telerik UI为Blazor?免费30天试用

上下文菜单-键盘导航

收件箱

发送

草稿

垃圾邮件

           Keyboard-navigation.razor

           正在加载演示源代码…请稍等。

转变+F10-从当前聚焦元素的上下文激活上下文菜单
Esc-关闭上下文菜单的弹出，当焦点是在主上下文菜单
输入激活项目并关闭上下文菜单。如果当前菜单项有一个子菜单(子菜单项)，则打开该子菜单并将焦点放在其第一项上。
空间一样输入
首页将焦点移到当前菜单或子菜单中的第一项。
结束将焦点移到当前菜单或子菜单中的最后一项。
向下的箭头将焦点移动到主菜单或子菜单中的下一个项目，环绕项目列表。如果到达主菜单的最后一项，关闭一个子菜单(如果存在)，移动到第一项并展开它的子菜单而不聚焦它。
向上箭头键将焦点移动到主菜单或子菜单中的上一个项目，环绕项目列表。
左箭头键打开具有子项的项的子菜单，并将焦点放在子菜单的最后一项上。如果焦点在子菜单项中，则关闭子菜单并焦点其子菜单项。
右箭头打开具有子项的项的子菜单，并将焦点放在子菜单的第一项上。

描述

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

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

这个上下文菜单键盘导航的例子是一个独特的收集的数百个Blazor演示的一部分，你可以看到所有Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码，并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder．