Leitor de Teclas em Javascript e PHP

Publicado por Buckminster em 01/02/2023

[ Hits: 2.813 ]

 


Leitor de Teclas em Javascript e PHP



Um código simples (como tantos outros) para capturar o KeyCode das teclas. Salve com a extensão .php ou .html.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" lang="pt-br">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Leitor de Teclas</title>
        <style>
            html {
              display: flex;
              align-items: center;
              justify-content: center;
              height: 100%;
              background: #FFD700;
              text-align: center;
              font-family: monospace;
              line-height: 1.4;
              font-size: 25px;
              color:blue;
            }
            pre {
              text-align: left;
            }
        </style>
        <script>
            document.addEventListener("keydown", function(event) {

              console.log(event);

              document.body.innerHTML = `

                <b>key (which): ${event.key}</b>
                <br>
                <b>which: ${event.which}</b>
                <br>
                <b>keyCode:</b> ${event.keyCode}
                <br>
                <b>shiftKey:</b> ${event.shiftKey}
                </br>
                <b>altKey:</b> ${event.altKey}
                <br>
                <b>ctrlKey:</b> ${event.ctrlKey}
                <br>
                <b>metaKey:</b> ${event.metaKey}
              `;

            });
        </script>
    </head>
    <body>
       Pressione uma tecla.
    </body>
</html>



Outras dicas deste autor

Dica para bloquear usuários em domínios após X tentativas com o Samba4

Configurar PHP/Apache para limitar o acesso externo de arquivos pela URL (barra de endereços)

PostgreSQL 9.1 64 bits - Instalação no Debian Squeeze

Resolvendo o problema de acentuação em Português no VIM

Mensagens criptografadas

Leitura recomendada

HTML com Broffice.org

Sites e grupos para encontrar emprego de TI

Mensagens criptografadas

Can I use - Checar compatibilidade de comandos HTML5, CSS, JavaScript e outros

JavaScript - verificar se todos os itens de um array são pares ou ímpares

  

Comentários
[1] Comentário enviado por maurixnovatrento em 01/02/2023 - 21:13h


Show mano.

___________________________________________________________
Conhecimento não se Leva para o Túmulo.
https://github.com/mxnt10

[2] Comentário enviado por Buckminster em 02/02/2023 - 12:24h


[1] Comentário enviado por mauricio123 em 01/02/2023 - 21:13h


Show mano.

___________________________________________________________
Conhecimento não se Leva para o Túmulo.
https://github.com/mxnt10


Obrigado.



Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts