javascript - Tumblr 风格的键盘导航

Question

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

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

谁能帮我弄清楚他们是怎么做到的。

Answer 1

好吧，您要做的是为您的文档元素设置一个“keyup”事件监听器，它读取您的用户按下了哪个键，然后如果键码与您的左键或右键的代码匹配则执行一个 Action 。

“左”键的键码是 37。右键是 39。所以您要设置的“左”键的监听器是这样的:

document.onkeyup = function(e){
  if (e.keyCode == 37) { //"left" key.
    //your code
  }
  if (e.keyCode == 39) { //"right" key.
    //your code
  }
}