Tumblr Style键盘导航

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>