Código Fonte - O melhor conteúdo para programadores

Autor

Rodrigo Araujo

membro deste abril de 2007

Compartilhe e guarde

Enquete

Qual é o melhor portal da internet brasileira?

Home Código Fonte JavaScript - DHTML Diversos

Script para criar teclas de atalho

Segue um script muito bacana para criar teclas de atalho em suas páginas HTML,
permitindo uma nova acessibilidade de suas páginas utilizando o teclado.

Vale apena conferir este exemplo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Teclas de Atalho </title>
<script language="JavaScript" src="shortcut.js"></script>
<script>
shortcut.add("Right",function() 
{
	alert("Foi pressionado a seta para a direita!");
});

shortcut.add("CTRL+X",function() 
{
	alert("Foi pressionado a sequencia de teclas CTRL+X!");
});

</script>
</head>
<body>
<pre>
Segue um script muito bacana para criar teclas de atalho em suas páginas HTML,
permitindo uma nova acessibilidade de suas páginas utilizando o teclado.

Existe duas funções, uma para criar a tecla de atalho e outra para removê-la.

Ao pressionar a sequencia de teclas CTRL+X por exemplo, será exibido no caso desta página
um alerta dizendo o que foi pressionado. Mas você pode criar vários tipos de exemplos
como abrir um menu, colocar foco em um objeto, aí vai.

shortcut.add()
/*
Exemplo para criar a tecla de atalho
*/
shortcut.add("Ctrl+X",function() {
	alert("Foi pressionado a sequencia de teclas CTRL+X!");
});


shortcut.remove()
/*
Exemplo para remover a tecla criada
*/
shortcut.remove("Ctrl+X");

As teclas válidas são:

Todas as letra e números - abc...xyz,01..89 
Caracteres Especiais
Teclas Especiais:
Tab 
Space 
Return 
Enter 
Backspace 
Scroll_lock 
Caps_lock 
Num_lock 
Pause 
Insert 
Home 
Delete 
End 
Page_up 
Page_down 
Left 
Up 
Right 
Down 
F1 
F2 
F3 
F4 
F5 
F6 
F7 
F8 
F9 
F10 
F11 
F12

Fonte: http://www.openjs.com/scripts/events/keyboard_shortcuts/
</pre>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Teclas de Atalho </title>
<script language="JavaScript" src="shortcut.js"></script>
<script>
shortcut.add("Right",function() 
{
	alert("Foi pressionado a seta para a direita!");
});

shortcut.add("CTRL+X",function() 
{
	alert("Foi pressionado a sequencia de teclas CTRL+X!");
});

</script>
</head>
<body>
<pre>
Segue um script muito bacana para criar teclas de atalho em suas páginas HTML,
permitindo uma nova acessibilidade de suas páginas utilizando o teclado.

Existe duas funções, uma para criar a tecla de atalho e outra para removê-la.

Ao pressionar a sequencia de teclas CTRL+X por exemplo, será exibido no caso desta página
um alerta dizendo o que foi pressionado. Mas você pode criar vários tipos de exemplos
como abrir um menu, colocar foco em um objeto, aí vai.

shortcut.add()
/*
Exemplo para criar a tecla de atalho
*/
shortcut.add("Ctrl+X",function() {
	alert("Foi pressionado a sequencia de teclas CTRL+X!");
});

shortcut.remove()
/*
Exemplo para remover a tecla criada
*/
shortcut.remove("Ctrl+X");

As teclas válidas são:

Todas as letra e números - abc...xyz,01..89 
Caracteres Especiais
Teclas Especiais:
Tab 
Space 
Return 
Enter 
Backspace 
Scroll_lock 
Caps_lock 
Num_lock 
Pause 
Insert 
Home 
Delete 
End 
Page_up 
Page_down 
Left 
Up 
Right 
Down 
F1 
F2 
F3 
F4 
F5 
F6 
F7 
F8 
F9 
F10 
F11 
F12

Fonte: http://www.openjs.com/scripts/events/keyboard_shortcuts/
</pre>
</body>
</html>

Arquivo	Tipo	Tamanho	Hits
shortcut.js	Arquivo JS	5,7 Kb	1461
teclasdeatalho.html	Arquivo HTML	1,6 Kb	1142

Este código foi útil para você?

Nota	Comentário
Ainda não foi enviado nenhum comentário.

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco