Teclas de atalho(accesskey) no HTML5

Fala galera, descobri um recurso que pode ser útil para algumas pessoas, dando uma funcionalidade a mais para as aplicações WEB, que é o atributo accesskey em qualquer tag do html5 , com ele conseguimos fazer as aplicações terem teclas de atalho, o único problema é que existe uma diferença da tecla, pressionada com com a letra que queremos, para ficar mais claro segue o exemplo abaixo.

 <!DOCTYPE HTML>  
 <html lang='pt-br'>  
      <head>  
           <title>Accesskey</title>  
           <meta name="author" content="AccessKey">  
           <meta charset="UTF-8">  
           <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">  
      </head>  
      <body>  
           <ul>  
                <li>IE, Chrome, Safari, Opera 15+: [ALT] + <em>accesskey</em></li>  
                <li>Opera prior version 15: [SHIFT] [ESC] + <em>accesskey</em></li>  
                <li>Firefox: [ALT] [SHIFT] + <em>accesskey</em></li>  
           </ul>  
           <button onclick='alert("Digitou a tecla de atalho")' accesskey="t">Accesskey t</button>  
      </body>  
 </html>  

Ficando deste modo(Clique dentro da legenda antes de testar)

Espero que tenha sido útil para vocês, compartilha e comenta ai ;)

Comentários

Postagens mais visitadas deste blog

Utilizando o Gulp para facilitar seu desenvolvimento front-end

Lazy load no Angular using Jquery