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

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

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

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

Answer 1

如果您要在两个标签上定义两个ID，如下所示：

 prev next 

您可以在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三角形 。