使用JavaScript的Tumblr箭头键导航

如何使用JavaScript为Tumblr主题创建箭头键导航

我正在尝试编写一些JavaScript，以允许Tumblr主题的用户使用

left

和

right

箭头键导航页面

我已设法使基本概念发挥作用：

document.onkeydown = function(event) {
    event = event || window.event;
    var key = event.keyCode;
    var currentPage = {CurrentPage};
    // left arrow key
    if (key == 37) {
        var previousPage = currentPage - 1;
        window.location.href = "/page/" + previousPage;
    }
    // right arrow key
    if (key == 39) {
        var nextPage = currentPage + 1;
        window.location.href = "/page/" + nextPage;
    }
};

---

这就遇到了一个问题，即用户能够超越最后一页，并且可能（我不太确定）在永久链接页面上工作。然而，对于URL使用

{PreviousPage}

和

{NextPage}

变量要容易得多，但由于某些原因，我无法让它们在JavaScript中工作。即使我在它们前面加上JS（即

{JSPreviousPage}

和

{JSNextPage}

），尽管变量在HTML中工作正常，它们仍然不会解决任何问题。

将下一个和上一个ID添加到分页锚链接中。然后试试这个：

$(document).keydown(function(e) {
var url = false;
    // Left arrow key code
    if (e.which == 37) {  
        url = $('#prev').attr('href');
    }
    // Right arrow key code
    else if (e.which == 39) {  
        url = $('#next').attr('href');
    }

    if (url) {
        window.location = url;
  }

---

}))

谢谢。我想得太多了。