Script para Navegar Anterior y Siguiente con el teclado

Muchas páginas necesitan la comodidad de usar el teclado, este script permite en lugar de dar clic con el ratón usar las teclas avanzar y retroceder de nuestro teclado.

Primero, asegúrate que ya tienes el Jquery en tu página.

Segundo, antes de cerrar el body agrega el script.

<script>
$(document).keydown(function(e){
  if(e.keyCode == 37) { // Izquierda
    $("#izquierda").click();
window.location = 'izquierda.html';
  }
  else if(e.keyCode == 39) { // Derecha
    $("#derecha").click();
window.location = 'derecha.html';
  }
});
</script>

Tercero, Cambia las páginas:   izquierda.html y derecha.html  con las respectivas páginas a donde apuntan tus links.

Cuarto,  en tus links normales agrega los ID:  id="izquierda" y id="derecha", con esto ya debe funcionar perfectamente.

<a id="izquierda" href="izquierda.html">Anterior</a>
<a id="derecha" href="derecha.html">Siguiente</a>


Comentarios

Entradas populares de este blog

Superponer una imagen sobre otra con CSS

¿Ganas dinero en Facebook con Página, Grupo, Comunidad, etc?

Script para buscar palabras o textos en una página (html) con Jquery