使用JavaScript的Tumblr箭頭鍵導航

Question

如何使用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中的變量工作正常，但它們仍然無法解決問題。

Answer 1

將next和prev 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;
  }

}）;