javascript - Tumblr 风格键盘导航

Question

我不太了解它是如何工作的。我的猜测是 JavaScript，但无论如何。

当您在 Tumblr 中访问您的仪表板时，您可以使用键盘在您的提要中的页面之间来回切换。←</kbd> to go forward to newer posts and →</kbd> to go to older posts.

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

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>