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.
Ficando deste modo(Clique dentro da legenda antes de testar)
Espero que tenha sido útil para vocês, compartilha e comenta ai ;)
<!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
Postar um comentário