新Telerik UI PHP?下载30天免费试用

jQuery日历键盘导航

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

还适用于:

API参考

描述

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

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

键盘导航的剑道UI为jQuery日历如本演示中所示,始终可用。

这个日历示例是数百个独特的jQuery演示集的一部分,您可以通过这些演示集查看所有内容jQuery组件的剑道UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观jQuery Dojo的剑道UIThemeBuilder

日历支持以下快捷键:

焦点

  • Alt+W聚焦组件。

支持的键和用户操作

  • 左箭头键突出前一天的内容。
  • 右箭头第二天的重点。
  • 向上箭头键重点显示前一周的同一天。
  • 向下的箭头下周的同一天。
  • Ctrl+左箭头键导航到前一个月。
  • Ctrl+右箭头导航到下个月。
  • Ctrl+向上箭头键导航到上一个视图。
  • Ctrl+向下的箭头导航到下一个视图。
  • 首页突出显示每月的第一天。
  • 结束突出显示这个月的最后一天。
  • 输入空间如果在Month视图中,选择高亮显示的日期。在其他视图中,导航到较低的视图。

多选模式

  • Ctrl+输入Ctrl+空间将突出显示的日期添加到当前选择中。如果已选择该日期,则从选择中删除该日期。
  • 转变+左箭头键转变+右箭头向所选项目添加下一个或上一个日期。
  • 转变+向上箭头键转变+向下的箭头在Month视图中向上或向下扩展一行选定内容。
  • 转变+空间执行范围选择,选择最后选定日期之间的所有日期空间或者鼠标点击)和一个持有被聚焦的单元格。

支持和学习资源

额外的资源