javascript - 使用 JavaScript 进行 Tumblr 箭头键导航

Question

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

我正在尝试编写一些 JavaScript，以允许 Tumblr 主题的用户使用左和右箭头键导航页面。

我已经成功地让基本概念发挥作用:

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 中工作正常，但它们仍然解析为空。

Answer 1

将下一个和上一个 ID 添加到分页 anchor 链接。然后试试这个:

$(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;
  }

});