javascript - 如何使用 Javascript 更改页面以进行键盘导航？

Question

我想允许照片库网站的键盘导航（一页，一张照片）。执行此操作的 Javascript 函数是什么？我使用下面的代码来管理键盘事件，我想知道如何实现“goToPage()”函数。谢谢你的帮助。

function checkKey(e)
{
  e = e || window.event;

  switch (e.key)
  {
    case "ArrowLeft":
      goToPage("page1.htm");
    break;

    case "ArrowRight":
      goToPage("page3.htm");
    break;
  }
}

document.onkeydown = checkKey;

Answer 1

你需要一个document.location：

function checkKeycode(e)
{
  var keycode;

  if (window.event)
    keycode = window.event.keyCode;
  else
    if (e) keycode = e.which;

  switch (keycode)
  {
    case 37:  // left arrow
      document.location = "page1.htm";
    break;

    case 39:  // right arrow
      document.location = "page3.htm";
    break;
  }
}

document.onkeydown = checkKeycode;

Answer 2

只要您的页面命名整齐，您就可以使用

document.location = "http://www.myURL"

但是您的页面需要一个循环。有很多方法可以做到这一点，例如将数字附加到您传递的字符串：

var count = 0;
var html;
function previous(){
   html = "http://www.page" + count + ".htm"
   document.location = html;
}
function next(){
   var count +=1;
   html = "http://www.page" + count + ".htm"
   document.location = html;
}

或将字符串存储在数组等中。

Answer 3

【2022更新版】

document.location是我需要的功能：

function checkKey(e)
{
  e = e || window.event;

  switch (e.key)
  {
    case "ArrowLeft":
      document.location = "page1.htm";
    break;

    case "ArrowRight":
      document.location = "page3.htm";
    break;
  }
}

document.onkeydown = checkKey;