Keyboard Interaction

1 Oct 20151 minute to read

With the keyboard navigation enabled in the CurrencyTextbox control, it is possible to control the actions with the shortcut keys. Almost all the CurrencyTextbox actions done through the mouse can be controlled with shortcut keys.

The various keyboard shortcuts available within the CurrencyTextbox control are in the following table.

Shortcut Keys	Description
Access key + j	Focuses the control
Up	Increments the value
Down	Decrements the value
Tab	Focus the next element

The following steps explain the implementation of the keyboard interaction in the CurrencyTextbox.

HTML

<ej:CurrencyTextBox ID="currency" Value="33" runat="server"> </ej:CurrencyTextBox>

Add the following code in your script section.

$(document).on("keydown", function (e) 

{

    if (e.altKey && e.keyCode === 74) 

    { // j- key code.

          $("#<%=currency.ClientID%>").siblings(".e-input").focus();

    }

});

Run the sample and press Access key + j key to focus the Textbox control. Perform provided functionality by using the keyboard shortcuts.

Keyboard Interaction

Configuring Keyboard Navigation