Навигация по клавиатуре в стиле Tumblr

Question

Я не знаю много о том, как это работает.Я предполагаю, что JavaScript, но в любом случае.

Когда вы переходите на свою панель инструментов в Tumblr, вы можете перемещаться между страницами в вашем фиде с помощью клавиатуры. ← для перехода к новым сообщениям и → для перехода к более старым сообщениям.

Может кто-нибудь помочь мне понять, как они это делают.

Answer 1

Итак, вы должны настроить прослушиватель событий «keyup» для элемента документа, который читает, какая клавиша нажата пользователем, а затем выполнить действие, если код клавиши соответствует коду для левой или правой клавиш.

Код клавиши «левой» клавиши - 37. Правой - 39. Таким образом, слушатель «левой» клавиши, которую вы бы настроили, выглядит так:

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

Answer 2

Разобрался:

<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>