Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

227
Visualizações
How to detect keypresses in jQuery regardless of layout?

So basically i am trying to connect clicking links to keys in Tampermonkey. First I tried e.which, but it didn't work with different layouts. Then I tried e.code, but for some reason it only detects pressing the B key (see code below). What did I do wrong?

$(document).on("keypress", function (e) {
    if(e.сode == "KeyN") {
        document.getElementById("nextimage").click();
    } else if(e.code == "KeyB") {
        document.getElementById("previmage").click();
    }
});
about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

You can try using the KEY itself instead of the code. The toUpperCase() function will detect lowercase or uppercase :

$(document).on("keypress", function (e) {
    if(e.key.toUpperCase() == "N") {
        alert("yay!")
    } else if(e.key.toUpperCase() == "B") {
        alert("nay");
    }
});

Here's a reference with the different key codes: https://keycode.info/

about 4 years ago · Juan Pablo Isaza Relatório

0

Try this to read keys.

Make sure you have the JQuery reference.

$(document).keypress(function(event) {
      alert('You pressed - ' + event.key.toUpperCase());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

and here is javascript in case:

const myText = document.getElementById('myText');
document.addEventListener('keypress', logKey);
function logKey(e) {
  myText.textContent += e.key.toUpperCase();
  if(e.key.toUpperCase() == 'N')
     alert("You Pressed N  key");
}

and

<p id="myText"></p>
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda