Olá! Sunday, 26 de March de 2017.



Dicas CódigoFonte.net
Wednesday, 03 de February de 2010

Descobrindo Teclas

Vamos descobrir o código da tecla digita nos navegadores de uma forma simples e prática.

Para deixar este artigo mais didático, ao invés de só apresentar o código, vamos supor um exemplo, onde deseja que a tecla CTRL não seja precionada. Para este efeito devemos descobrir o código da tecla, mas para está descoberta encontramos uma dificuldade que é trabalhar com diferentes navegadores, onde cada navegador tem um evento para receber esse código.

No Internet Explorer usa-se o evento:

  1. event.keyCode

Já nos navegadores da família Netscape usa-se:

  1. event.charCode

Para resolver esse problema entre os navegadores, pesquisando na internet encontrei este código:

  1. (window.event)?event.keyCode:evt.which;

Agora que já sabemos como descobrir o código da tecla entre os navegadores, vamos fazer um script simples para exibir na tela o código correspondente a tecla:

  1. <script type="text/javascript">
  2. function discover(evt) {
  3.     var tecla = (window.event)?event.keyCode:evt.which;
  4.     document.getElementById('tecla').innerHTML = "Tecla corresponde ao código: " + tecla;
  5. }
  6. document.onkeydown = discover; // evendo que quando solta a tecla executa a função discover.
  7. </script>
  8. <div id="tecla">Digite uma tecla</div>
  9.  

Com o código da tecla em mãos vamos bloquear a tecla <i>CTRL</i>, cujo código é 17:

  1. <script type="text/javascript">
  2. function discover(evt) {
  3.         var tecla = (window.event)?event.keyCode:evt.which;
  4.         if (tecla == "17") alert("Aqui não é permitido a tecla CTRL.nDesculpe!!!");
  5. }
  6. document.onkeydown = discover;
  7. </script>

É isso, até a próxima.


Enviado por: Andre

Comentários do artigo [Novo comentário]

PAULO CESAR MORAIS DE MEDEIROS - 24 de March de 2010 - 15:45
Interessante. muito bom.
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » CodigoFonte.eti.br » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010