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

DatePicker -键盘导航

  • Keyboard-navigation.razor
正在加载演示源代码…请稍等。

焦点

  • Alt+W聚焦示例中的第一个组件

支持的键和用户操作

当集中输入时,除了标准的DateInput操作之外,还有其他可用的操作。

当日历弹出窗口被打开时,它的行为就像一个日历(例如,输入选择日期)。

日期输入

  • Alt+向下的箭头打开带有日历的弹出窗口。
  • Alt+向上箭头键Esc关闭带有日历的弹出窗口。
  • 向上箭头键增加包含游标的日期部分的值。考虑相应的步骤。
  • 向下的箭头减少包含游标的日期部分的值。考虑相应的步骤。
  • 左箭头键将光标向左移动一个位置。
  • 右箭头将光标向右移动一个位置。
  • 删除退格删除包含游标的当前日期部分。

日历

  • 向下的箭头将焦点移动到下单元格,或者如果当前焦点日期位于当前视图周期的最后一行,则导航视图。
  • 向上箭头键将焦点移动到上单元格,或者如果当前焦点日期位于当前视图周期的第一行,则导航视图。
  • 左箭头键移动焦点到上一个单元格。
  • 右箭头移动焦点到下一个单元格。
  • 输入切换当前日期选择。
  • Ctrl+向上箭头键导航到上视图(例如,从当前月份天数导航到年份)。
  • Ctrl+向下的箭头导航到较低的视图(例如,从一年中的月份到一个月中的天数)。
  • Ctrl+右箭头导航到下一个时间段。
  • Ctrl+左箭头键导航到上一个周期。
  • 选项卡在不同的导航元素之间移动焦点——视图选择、上一个/下一个按钮、今天按钮和日期/月/年的网格。
  • 转变+选项卡通过这些可聚焦的元素向后移动。
  • 首页聚焦每月的第一天。
  • 结束集中于本月的最后一天。

描述

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

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

Blazor的Telerik UI的键盘导航DatePicker始终启用,如本演示中所示。

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

支持和学习资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map