Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Henrique Fleury

[Resolvido] Atalho - Teclado - Sistema Web

Recommended Posts

Pessoal tudo bem?

Estou criando uma intranet para a empresa onde trabalho. E estava no meu yahoo mail quando lembrei dos atalhos que tem la, exemplo se você apertar a letra N do teclado ele vai para um novo e-mail.

Eu queria saber como fazer isso. Tem algum framework que ajuda? Alguem já viu algum tutorial ou algo explicando? Fiz uma breve procura na net e não achei nada na linguagem PHP.

Me ajudem ai porque isso ia ficar o canal no sistema. O povo ia pira!!

 

Vlw galera...

Compartilhar este post


Link para o post
Compartilhar em outros sites

teria que fazer com javascript cara.

 

pesquise sobre o keyCode das teclas.

Compartilhar este post


Link para o post
Compartilhar em outros sites

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
  <script type="text/javascript">
     $(document).ready(function(){
         $("body").keypress(function(event){
             $("div").html("o Codigo Da Tecla apertada é: "+event.keyCode);
             if(event.keyCode == 13)   // se a tecla apertada for 13 (enter)
             {
               /* funçao a ser executada */
                window.open("janela.php"); // abre uma janela
             }
         });
     });
  </script>
</head>
<body>
<div></div>
</body>
</html>

 

isto e usando jQuery , mas você pode fazer com javascript normal , e basicamente a mesma logica

 

em JavaScript

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <script type="text/javascript">
      function key(event){
         if(event.keyCode == 13)
         {
           alert("Você Apertou Enter");
         }
      }
  </script>
</head>
<body onkeypress="key(event)">
<div></div>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

desnecessária essa linha:

var code = event.keyCode ? event.keyCode : event.which;

 

o jQuery já te retorna um objeto event crossbrowser

Compartilhar este post


Link para o post
Compartilhar em outros sites

Galera vlw absurda mente...

Agora eu vou colocar isso sendo gerado por PHP. Para que a própria pessoa possa configurar os atalhos que ela quiser de acordo com os menus do sistema :D

Assim que eu fizer tudo isso, e deixar ele rodando bonito... eu posto tudo aqui pessoal...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Muito boa essa função, mais eu acho que teria que combinar o atalho com uma tecla tipo ALT + N = Abri novo email.

 

Pois imagine se eu deixar o atalho N, para abrir uma nova página, a todo momento que o usuário escrever um email e digitar uma palavra que consta a letra N, vai ser aberto um novo email.

 

Parabens pela code de exemplo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.