带箭头键（下一个和后退）的键盘导航用于更改文件名

我有一堆具有不同文件名的 html 文件，我需要添加一个选项以使用键盘箭头键进行导航（上一个和下一个文件）。

文件名不是动态的..例如：filename.html、anotherfile.html、thirdone.html ETC。

所以我需要 .js 文件中的内容进行导航，以及应该链接 html 文件上的上一个、下一个按钮吗？

如果你要在两个上定义两个ID<a>像这样的标签：

<a id="prev" href="filename.html">prev</a>
<a id="next" href="thirdone.html">next</a>

你可以做这样的事情navigation.js并在每个页面中包含它：

// when the document is ready, run this function
jQuery(function( $ ) {
    var keymap = {};

    // LEFT
    keymap[ 37 ] = "#prev";
    // RIGHT
    keymap[ 39 ] = "#next";

    $( document ).on( "keyup", function(event) {
        var href,
            selector = keymap[ event.which ];
        // if the key pressed was in our map, check for the href
        if ( selector ) {
            href = $( selector ).attr( "href" );
            if ( href ) {
                // navigate where the link points
                window.location = href;
            }
        }
    });
});

你甚至可以使用一点 CSS 来制作#prev, #next { display: none; }或者尝试绝对定位CSS 三角形 http://css-tricks.com/snippets/css/css-triangle/.