Question

我不知道它是如何工作的。我的猜测是JavaScript，但无论如何。

当您转到Tumblr的信息中心时，您可以使用键盘在Feed中的页面之间来回切换。 ←转到较新的帖子，→转到较旧的帖子。

有人可以帮我弄清楚他们是如何做到的。

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>

Tumblr风格键盘导航

2 个答案: