JavaScript

Como obter a tecla pressionada em JavaScript

27 de novembro de 2020

Como obter a tecla pressionada em JavaScript

Neste artigo você vai aprender a como obter a tecla pressionada em JavaScript, resgatando o nome da tecla e não o número que ela representa

Como obter a tecla pressionada javascript capa

Fala programador(a), beleza? Bora aprender mais sobre como resgatar o nome da tecla que pressionamos no teclado em vez do código!

A ideia principal é saber qual a tecla está sendo digitado pelo seu código

Depois com a função fromCharCode vamos extrair qual é a tecla que o usuário pressionou

Veja um exemplo desta situação:

function keyPressed(e){
    e = e || window.event;
    var key = e.keyCode || e.which;
    return String.fromCharCode(key); 
}

document.onkeypress = function(e) {
    console.log(keyPressed(e));
}; 

Aqui criamos um evento no document, que qualquer tecla pressionada o afetará

Depois passamos o evento, a tecla pressionada está incluída neste dado, para a função keyPressed, que criamos no mesmo código

Na função keyPressed verificamos o keyCode da tecla, isso é o número que representa a tecla pressionada

Aplicamos neste número a função fromCharCode que nos dá a tecla pressionada

E depois disso, temos impresso no nosso console o nome da tecla, simples não é?

Conclusão

Neste artigo vimos como obter a tecla pressionada com JavaScript

Basicamente checamos qual a tecla pressionada, pelo número do keyCode que o JavaScript nos dá

Depois transferimos para o nome da tecla com  a função fromCharCode

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

 

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x