Leitor de Teclas em Javascript e PHP

Publicado por Buckminster em 01/02/2023

[ Hits: 2.591 ]

 


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

Instalar a última versão do PostgreSQL no Lunix mantendo atualizado

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

Desempacotar pacote debian (.deb), alterá-lo e reempacotar

Configurar Postgresql para conectar com senha criptografada

Como encontrar e remover pacotes instalados que não foram fornecidos pelo Debian e encontrar e desmarcar pacotes retidos (hold)

Leitura recomendada

Atualizando conteúdo dinamicamente com jQuery

Codificação HEXADECIMAL para HTML

Chromium e Firefox - Forma prática de abrir links em nova aba

Direcionando o browser para outra URL

Adicionar Facebook Comments no Google Sites

  

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