Keyboard Interaction

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

Configuring Keyboard Navigation

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.

  • js
  • $(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.