jQuery UI组件库Kendo UI for jQuery数据管理使用教程：键盘导航

Kendo UI for jQuery R2 2020 SP1试用版下载

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。

键盘导航

Grid通过可导航选项支持其键盘导航功能，设置为true时，您可以首先选择一个行或单元格，然后使用箭头键在网格内移动。不管可选模式是什么，导航都在单元格级别进行。 要选择当前行或单元格，请按空格键。

下面的示例演示如何在Grid中启用键导航。

$("#grid").kendoGrid({
navigatable: true
// Other configuration.
});

Grid的键盘导航通过侦听小部件wrapper元素上的keydown事件来工作，它的操作是基于这样的假设：用户所做的任何操作都符合当前关注的Grid单元格，而不符合浏览器关注的元素。如果网格的数据单元格包含必须通过键盘激活的超链接：

1. 使用箭头键导航到相应的网格单元格。
2. 按Enter键将超链接聚焦到单元格内。
3. 再次按Enter。

若要将焦点返回到表格单元格，请按Esc。 为了使通过标签无法访问超链接，请将abindex="-1" 属性设置为自定义超链接。

您也可以避免该过程，并绕过Grid的键盘导航，使用制表符访问自定义超链接，然后使用Enter激活它们。 为此，请防止自定义超链接的keydown事件冒泡。 因此，网格将不会注意到Enter键。