Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

Atributo global ACCESSKEY


Dotfile
 Compartilhar

Posts Recomendados

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.

 

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.

 

Exemplo online:

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

 

g4BKrXG.gif?1

 

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:

 

ElyEret.png

 

 

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.

Link para o comentário
Compartilhar em outros sites

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.

Continue trazendo conteúdos, parabéns :)

4I1ShmNRGyg2k.webp

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.