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

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

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

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


javascript html keyboard-shortcuts keyboard-events tumblr
person Taylor Satula    schedule 09.12.2010    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Ну, что вам нужно сделать, так это настроить прослушиватель событий «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

arrow_upward
3
arrow_downward

Догадаться:

<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