Gostaria de fazer um menu acessível, podendo ser retraído com esc e navegável por tab, qual seria a melhor forma de fazer? por keyup, keydown, alguém teria um bom exemplo para mencionar?
1 Resposta
A melhor forma de você fazer isso é mapeando as teclas que vai usar, pois cada tecla tem sua numeração.
No seu caso capture a tecla pressionada, defina qual elemento DOM você deseja trabalhar, ou seja, irá receber o evento do teclado e aplique o código que quiser após a validação da tecla.
Você pode usar o evento Keypress da biblioteca jQuery, veja o exemplo de como detectar o comando na página inteira, em qualquer lugar onde esteja o cursor:
$(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;
}
})
});
Você pode fazer isso usando JavaScript ou JQuery: