# Keyboard Navigation

The keyboard navigation of the TreeView is always available.

The TreeView supports the following keyboard shortcuts:

| SHORTCUT      | DESCRIPTION                                                                                                                                                                                                                                                                                                        |
| :------------ | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Up Arrow`    | Moves the focus to the previous focusable node without opening or closing a node.                                                                                                                                                                                                                                  |
| `Down Arrow`  | Moves the focus to the next focusable node without opening or closing a node.                                                                                                                                                                                                                                      |
| `Left Arrow`  | <ul><li>When the focus is on an open node, fires the [`onExpandChange`](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/api/treeviewprops#onexpandchange) event.</li> <li>When the focus is on a child node, which is also closed or located in the end, moves the focus to its parent.</li></ul> |
| `Right Arrow` | <ul><li>When the focus is on a closed node, fires the [`onExpandChange`](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/api/treeviewprops#onexpandchange) event.</li> <li>When the focus is on an open node, moves the focus to the first child node.</li></ul>                                  |
| `Home`        | Moves the focus to the first node in the tree without opening or closing a node.                                                                                                                                                                                                                                   |
| `End`         | Moves the focus to the last focusable node in the tree without opening or closing a node.                                                                                                                                                                                                                          |
| `Enter`       | Fires the [`onItemClick`](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/api/treeviewprops#onitemclick) event.                                                                                                                                                                                   |
| `Space`       | If the [`checkboxes`](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/api/treeviewprops#checkboxes) property is configured, fires the [`onCheckChange`](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/api/treeviewprops#oncheckchange) event.                                  |

[Demo Source](https://demos.telerik.com/kendo-vue-ui/treeview/keyboard/source.txt)

## Suggested Links

* [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/accessibility/wai-aria-support)
* [`onExpandChange`](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/api/treeviewexpandchangeevent)
* [`onItemClick`](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/api/treeviewitemclickevent)
* [`onCheckChange`](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/api/treeviewcheckchangeevent)
* [API Reference of the TreeView](https://www.telerik.com/kendo-vue-ui-develop/components/treeview/api/treeviewprops)
