Javascript-Referência - accesskey

accessKey

Biblioteca: HTML-DOM
Tipo: Parâmetro padrão de toda a TAG HTML
Finalidade: Define ou obtém a tecla de atalho para a tag.
Sintaxe: var x = document.getElementById("link").accessKey;
Parametros: elemento html Pode ser qualquer elemento html.
Descrição: Toda tag HTML pode ter uma tecla de atalho para facilitar seu uso e normalmente é acessada pelas teclas shift, control, alt pressionadas conjuntamente com uma letra.
exemplo: var x = document.getElementById("meubotao").accessKey;
Exemplo abaixo :
<button id="meubotao" accesskey="w" onfocus='alert("Este botão recebeu o foco")' >
       Clique em [Alt]+w e veja se este botão recebe o foco da app.
</button>
Pressione 'esc' para sair.
Teste: Pressione 'esc' para sair.
Nota(s): O atributo accesskey é um parâmetro da tag HTML que especifica uma tecla de atalho para ativar ou focar um elemento.
O valor do atributo de acesso deve ser um único caractere (uma letra ou um dígito).
A forma de acessar a tecla de atalho varia em diferentes navegadores:
Browser Windows Linux Mac
Internet Explorer [alt] + accessKey    
Chrome [alt] + accessKey [alt] + accessKey [control] + [option] + accessKey
FireFox [alt] + [shift] + accessKey [alt] + [shift] + accessKey [control] + [option] + accessKey
Safari [alt] + accessKey   [control] + [option] + accessKey
Opera 15 ou mais novo : [alt] + accessKey
12.1 ou anterior : [shift] + [esc] + accessKey
Importante : 1-Funciona a primeira vez que pressionamos o atalho.
E este é um efeito desejado porque ao entrar numa tela podemos querer ir direto para um campo mas uma vez preenchido o campo provavelmente não gostaríamos de voltar nele e este atalho mais atrapalharia que ajudaria.
2-Não se recomenda utilizar a tecla de atalho a não ser que seja uma tela de preenchimento rápido muito utilizada.
3-Normalmente colocamos os campos na sequencia que queremos que eles sejam preenchidos e por este motivo esta funcionalidade é pouco usada.