Клавиатура в стиле Tumblr

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

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

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


person Taylor Satula    schedule 09.12.2010    source источник


Ответы (2)


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

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

document.onkeyup = function(e){
  if (e.keyCode == 37) { //"left" key.
    //your code
  }
  if (e.keyCode == 39) { //"right" key.
    //your code
  }
}
person Madison Williams    schedule 10.12.2010
comment
как мне сделать так, чтобы это переходило между страницами назад и вперед? - person Taylor Satula; 10.12.2010
comment
Я думаю, это зависит. По каким именно страницам вы хотите перемещаться? Нравится история человека? - person Madison Williams; 10.12.2010
comment
Взад и вперед по страницам блога Tumblr, над которым я работаю. - person Taylor Satula; 10.12.2010

Догадаться:

<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>
person Taylor Satula    schedule 10.12.2010