Keyboard Navigation in JavaScript Schedule

8 Aug 20221 minute to read

The shortcut keys for accessing the sub-elements of the scheduler and other Scheduler actions are tabulated in the following table.

Keys Functionality description
arrow keys To traverse through the Scheduler cells.
Shift+arrow keys Multiple cell selection
Enter Pressing enter key, after a single/multiple scheduler cell selection will make the quick appointment window to pop-up.

Also, when the focus is being moved on to the fields like checkbox or buttons of the appointment window, pressing enter will select that particular action.
Esc Closes any of the popup that displays on the Schedule control.
Alt+N Opens the Create Appointment window
Ctrl+E Opens the Edit Appointment window
Alt+C Opens the calendar popup within the Scheduler.
Ctrl+left arrow Previous date navigation
Ctrl+right arrow Next date navigation
Alt++ Forward traversing of view items in the toolbar
Alt+- Reverse traversing of view items in the toolbar
Space When the previous/next navigation icons are currently being focused, pressing space navigates through the corresponding dates.

Also, when the focus is being moved on to the fields like checkbox or buttons of the appointment window, pressing enter will select that particular action.
Del Deletes the currently selected appointment.
Tab Traversing through the appointments in a forward direction.
Shift+tab Traversal of appointments in a reverse order.

NOTE

By default allowKeyboardNavigation property is set to true, which allows the Scheduler to be accessed through the above specified keys.