Tumblr 风格键盘导航

发布于 2024-10-06 22:12:54 字数 165 浏览 5 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

旧竹 2024-10-13 22:12:54

那么，您要做的就是为文档元素设置一个“keyup”事件侦听器，该事件侦听器读取用户按下的键，然后在键代码与左键或右键的代码匹配时执行操作。

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

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

Well, what you have do is set up a "keyup" event listener for your document element that reads which key your user pressed, then execute an action if the keycode matches the code for your left or right keys.

The "left" key's keycode is 37. the right is 39. So the listener for the "left" key you would set up is this:

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

回复收藏 0 原文

云裳 2024-10-13 22:12:54

想通了：

<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>

Figured it out:

<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>

回复收藏 0 原文

~没有更多了~