Tumblr style Navigation Clavier

Question

Je ne sais pas grand-chose sur la façon dont cela fonctionne. Je suppose JavaScript, mais de toute façon.

Quand vous allez à votre tableau de bord Tumblr vous pouvez aller et venir entre les pages dans votre flux avec votre clavier. ← pour aller de l'avant vers de nouveaux messages et → pour aller à des messages plus anciens.

Quelqu'un peut-il me aider à comprendre comment ils le font.

Answer 1

Eh bien, ce que vous avez faire est de configurer un écouteur d'événement « keyup » pour votre élément de document qui lit que votre utilisateur a appuyé sur la touche, puis exécuter une action si le code d'activation correspond au code de vos touches gauche ou à droite.

La « gauche » keycode de clé est 37. Le droit est 39. Ainsi, l'auditeur de la « gauche » clé vous mis en place est la suivante:

document.onkeyup = function(e){
  if (e.keyCode == 37) { //"left" key.
    //your code
  }
  if (e.keyCode == 39) { //"right" key.
    //your code
  }
}

Answer 2

figured it out:

<script type="text/javascript">
document.onkeyup = KeyCheck;       

    function KeyCheck(e)
        {
           var KeyID = (window.event) ? event.keyCode : e.keyCode;

           switch(KeyID)
           {

              case 37:
              window.location = "{PreviousPage}";
              break;


              case 39:
              window.location = "{NextPage}";
              break;
           }
        }
</script>