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

Este código tem nota

Autor

Everton da Rosa

membro deste janeiro de 2007

Compartilhe e guarde

Enquete

Que banco de dados você utiliza em seus projetos?

Home Código Fonte JavaScript - DHTML Menus e Navegação

Atalhos de teclado com JavaScript

Script ( JavaScript) que possibilita associar uma função a determinado atalho de teclado no browser (navegador).

Funciona com qualquer tecla, shift+tecla, control+tecla (nem todas as combinações) e control+shift+tecla.

Inclui um pequeno script para informar qual o código de cada combinação de teclas selecionadas.

<html>
<head>
<title>Atalhos de teclado</title>

<script language="JavaScript">
function press(key){
   if(key==1){alert("Você pressionou as teclas Control+Shift+A");}
   if(key==2){alert("Você pressionou as teclas Control+Shift+B");}
   if(key==3){alert("Você pressionou as teclas Control+Shift+C");}
   if(key==4){alert("Você pressionou as teclas Control+Shift+D");}
   
}

function descobre(key){
   alert("O código da tecla pressionada é " + key);
}
</script>
</head>

<body onKeyPress="press(event.keyCode)">
<h1>Atalhos de teclado</h1>

<h3>Pressione Control+Shift+A, Control+Shift+B, Control+Shift+C ou Control+Shift+D, para ter acesso a funções personalizadas.</h3>
<p>Com este JavaScript você pode colocar atalhos de teclado em sua página.</p>
<p>Utilize a caixa abaixo para descobrir os códigos das teclas para colocar no script. Sabendo o código da tecla desejada, é só acrescentar  "if" e configurar as funções JavaScript para ter atalhos de teclado.</p>
<p>Funciona com tecla, shift+tecla, control+tecla (nem todas) e com control+shift+tecla</p>

<input id="cmd" name="cmd" type="text" size="50" onKeyPress="descobre(event.keyCode)">

</body>
</html>

<html>
<head>
<title>Atalhos de teclado</title>

function descobre(key){
   alert("O código da tecla pressionada é " + key);
}
</script>
</head>

<body onKeyPress="press(event.keyCode)">
<h1>Atalhos de teclado</h1>

<h3>Pressione Control+Shift+A, Control+Shift+B, Control+Shift+C ou Control+Shift+D, para ter acesso a funções personalizadas.</h3>
<p>Com este JavaScript você pode colocar atalhos de teclado em sua página.</p>
<p>Utilize a caixa abaixo para descobrir os códigos das teclas para colocar no script. Sabendo o código da tecla desejada, é só acrescentar  "if" e configurar as funções JavaScript para ter atalhos de teclado.</p>
<p>Funciona com tecla, shift+tecla, control+tecla (nem todas) e com control+shift+tecla</p>

</body>
</html>

Este código foi útil para você?

Nota	Comentário
9	denunciar tgbgyn2006 comentou em 14/9/2009 para que funcione no fire fox Pra que o codigo funcione no mozila é necessario que mude alinha: para :
10	denunciar germo comentou em 2/8/2009 muito bom muito legal o povo adora
7	denunciar victords comentou em 12/6/2009 Não funciona no firefox no firefox diz que o código de qualquer tecla é 0 (menos o backspace) e quando pressiona Control+Shift+A não aparece nem uma alerta no IE funciona perfeitamente

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

Autor

Everton da Rosa

Tags

Atalhos

Compartilhe e guarde

Enquete

Que banco de dados você utiliza em seus projetos?

Atalhos de teclado com JavaScript

para que funcione no fire fox

muito bom

Não funciona no firefox

Comente