0

Como posso executar evento de mudança de pagina utilizando javascript para que ao clicar nas setas do teclado (< ou >), execute o href dos links com ids prox-pg e ant-pg, mostrados logo abaixo.

<a href="url da pagina anterior" id="ant-pg"> << </a>
<a href="url da proxima pagina" id="prox-pg"> >> </a>

1 Resposta 1

1

Use o evento "keydown". Capiture a tecla e veja se foi a tecla desejada:

// associo o evento keydown
document.addEventListener('keydown', function (event) {
  // se for a tecla <, "clica" o elemento "ant-pg"
  if (event.key === '<') {
    console.log("pressinaoda \<");
    document.getElementById('ant-pg').click();
  }
  // se for a tecla >, "clica" o elemento "prox-pg"
  if (event.key === '>') {
    console.log("pressionada \>");
    document.getElementById('prox-pg').click();
  }
});


function clicou(link) {
   alert("pressionado: " + link.id);
}
<h2>Clique nessa janela para testar</h2>

<a href="#" id="ant-pg" onclick="clicou(this)"> << </a>
<a href="#" id="prox-pg" onclick="clicou(this)"> >> </a>

3
  • Eu executei esse exemplo que você passou, mais ao utilizar as teclas do teclado < ou > não esta funcionado.
    – Striffer
    21/02/2021 às 19:21
  • Aqui funcionou, veja . Você pressionou o SHIFT? 21/02/2021 às 19:36
  • @Striffer qual o seu navegador? pode ser algo assim, veja que usei javascript puro, o event.key pode ser diferente 21/02/2021 às 22:05

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .