Keyboard Navigation

New to Kendo UI for Angular? Start a free 30-day trial

The keyboard navigation of the ContextMenu is always available.

The Menu supports the following keyboard shortcuts:

SHORTCUT	DESCRIPTION
`Shift`+`F10`	When applied to a target, the command opens the ContextMenu.
`Up Arrow`	Focuses the previous item.
`Down Arrow`	Focuses the next item.
`Left Arrow`	(For root items) opens the item and focuses the last child. (For child items) closes and focuses the parent.
`Right Arrow`	(For items with children) opens the item and focuses the first child. (For child items without children) focuses and opens the next root item.
`Home`	Focuses the first item.
`End`	Focuses the last item.
`Enter`	Selects the focused item. If the item has children, opens the item and focuses the first child. If the item does not have children and has a URL, navigates to the specified URL.
`Space`	Selects the focused item. If the item has children, opens the item and focuses the first child. If the item does not have children and has a URL, navigates to the specified URL.
`Escape`	(For child items) Closes and focuses the parent.
`Alphanumeric character`	Focuses the next item with text starting with the character.

The following example demonstates the available keyboard navigation of the ContextMenu component.

Example

View Source

Change Theme:

Suggested Links