sábado, 10 de fevereiro de 2018

Pegar Tecla Pressionada Com HTML e JavaScript

Olá , tudo bem?
 
Hoje eu quero mostrar como pegar o "KeyCode" de qualquer tecla pressionada, em qualquer navegador, pois tive muito dificuldade para encontrar um forma que funcionasse no Firefox. Agora quero compartilhar com toda a comunidade.

Para exemplificar o uso desta simples função, vamos usar um pouco de HTML e a função em JavaScript.

Vamos ver a função JavaScript:
  <script language="JavaScript">
    function pega_tecla(event) {
      var tecla = window.event ? event.keyCode : event.which;
      alert("Foi Pressionado a Tecla: " + tecla);
    }
  </script>

Obs.: Você pode trocar o alert() por uma função, redirecionamento ou qualquer outro evento.

Agora vamos ver a chamada da função:
  <body onKeydown="javascript:return pega_tecla(event)">


E por fim vamos ver o código completo:
  <!DOCTYPE html>
  <html lang="pt-br">
    <head>
      <title>Pegar Tecla Pressionada</title>
      <meta charset="utf-8">
    </head>
    <body onKeydown="javascript:return pega_tecla(event)">
      <h2 align="center">Pressione qualquer tecla para ver seu "<em>KeyCode</em>".</h2>
    </body>
  </html>
 
  <script language="JavaScript">
    function pega_tecla(event) {
      var tecla = window.event ? event.keyCode : event.which;
      alert("Foi Pressionado a Tecla: " + tecla);
    }
  </script>


Por hoje é só. Até a próxima, pessoal!

Fonte: http://codigosnaweb.com/

Se você tem uma dica interessante, um comentário, critica e/ou elogio, preencha o Formulário de contato do lado direito da página e nos envie ou deixe um comentário.

Atenciosamente
Dica Chave.

Nenhum comentário:

Postar um comentário