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>