Keyboard Interaction

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

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

Shortcut Key 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 keyboard interaction in PercentageTextbox.

Add the following code example in your ASPX page to render PercentageTextbox control.

  • html
  • <ej:PercentageTextBox ID="percentage" Value="22" runat="server"> </ej:PercentageTextBox>

    Add the following code example in your script section.

  • js
  • $(document).on("keydown", function (e) 
    
    {
    
        if (e.altKey && e.keyCode === 74) 
    
        { // j- key code.
    
              $("#<%=percentage.ClientID%>").siblings(".e-input").focus();
    
        }
    
    });

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