New to Kendo UI for jQuery? Start a free 30-day trial
Keyboard Navigation
Updated on Jun 29, 2026
The keyboard navigation of the DropDownList is always available.
The DropDownList supports the following keyboard shortcuts:
| Shortcut | Description |
|---|---|
| Up Arrow | Highlights the previous item. |
| Down Arrow | Highlights the next item. |
| Left Arrow | Highlights the previous item. |
| Right Arrow | Highlights the next item. |
| Home | Selects the first item in the list. |
| End | Selects the last item in the list. |
| Page Up | Scrolls the popup up. |
| Page Down | Scrolls the popup down. |
| Enter | Selects the highlighted item. |
| Esc | Closes the popup. |
| Alt + Down Arrow | Opens the popup. |
| Space | Opens the popup, or selects the highlighted item. |
| Alt + Up Arrow | Closes the popup. |
For a complete example, refer to the demo on keyboard navigation of the DropDownList.
Events
When the popup of the DropDownList is opened and the arrow keys are used to highlight an item a select event is fired upon highlighting an item. When pressing Enter or Space, or blurring the component a change event is fired and the value of the component is set.
When the popup of the DropDownList is closed and the arrow keys are used to select an item a select event is fired imediately followed by a change event.