Um código simples (como tantos outros) para capturar o KeyCode das teclas.
Salve com a extensão .html.
A simple piece of code (like so many others) to capture key codes.
Save it with the .html extension.
<!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):</b> ${event.key}
<br>
<b>which:</b> ${event.which}
<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>
Nenhum comentário:
Postar um comentário