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鍵。