Qia.KeyboardShortcutHelper: Use Case 03: I want to let my users to define their own keyboard shortcuts without knowing pre-defined string representations of keyboard shortcuts.

Hints

Define shortcut by pressing keyboard keys in the input box and check the effects by pressing the same keyboard keys outside the input box.

Shortcut Definition and Test Result

Click into the input box to focus the input box and then press keyboard keys to define a shortcut (OS and browser occupied shortcut may not work)

Click outside the input box to focus anything else and then press the shortcut as defined in the input box to see the result

JavaScript Code of Usage Examples