mapping jquery keyboard events - Accessibility

The best way for you to do this is to map the keys you are going to use, as each key has its numbering.

In your case, hold the key pressed, define which DOM element you want to work, that is, you will receive the keyboard event and apply the code you want after key validation.

You can use the Keypress event of the jQuery library, see the example of how to detect the command on the entire page, wherever the cursor is:

$(document).ready(function(){
  $(document).keypress(function(e){
    //Enter
    if(e.wich == 13 || e.keyCode == 13){
        //Botão responsável por exibir a lista do menu;
    }
    // Esc
    if(e.wich == 27 || e.keyCode == 27){
        //Botão responsável por esconder a lista do menu;
    }
  })
});

You can do this using JavaScript or JQuery:

• JavaScript
• JQuery