Atributo global ACCESSKEY

[Dotfile 0]

Olá, este não será um tópico extenso mas espero que seja de grande utilidade (ou não) para vocês.

 

Atributo Accesskey

 

O atributo basicamente especifica uma tecla de atalho para ser ativada ou focar um determinado elemento.

Ele é um atributo global portanto pode ser adicionado a qualquer tag do HTML5 (Cuidado ao utilizá-lo em versões anteriores):

 

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

tagname = Tag a ser utilizada como p, div, input, a

accesskey = Atributo global

caractere = O de sua escolha para ser acessado através do atalho

 

Um exemplo é:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Exemplo online:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

 

No meu exemplo, ao pressionar [Control] [Alt] + H (NO MAC OS) e no navegador chrome que é o meu caso o input será focado.

 

Obs: Os atalhos podem variar conforme o browser (navegador) que você utiliza e também sistema operacional, como mostra a tabela abaixo:

 

 

 

O atributo é compatível nos navegadores listados abaixo:

 

• Chrome
  
• Safari
  
• Opera
  
• Firefox
  
• IE+9
  

 

 

A grande vantagem em utilizar o atributo accesskey está na facilidade de se acessar determinado campo, e também em caso de dispositivos móveis ou dispositivos que só possuam teclado numérico um acesso fácil a qualquer elemento.

[Root~ 0]

Achei bacana, continue trazendo tutoriais para o forum.

[Owner 7]

Interessante essa função. Bem básica.

E da pra usar para qualquer input, é útil para botões:

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

Continue trazendo conteúdos, parabéns :)