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:

event.keyCode

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

event.charCode

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

(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:

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

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

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

É isso, até a próxima.