Reference

Question

我有2个链接：<a href='leftLink.php'><< Prev</a>和<a href='rightLink.php'>Next >></a>。

是否可以转到leftLink when pressing left arrow from keyboard和rightLink.php when pressing right arrow from keyboard？任何建议都会非常受欢迎

提前谢谢。

Answer 1

为这两个链接指定id并为keyup事件设置一个监听器，然后检查按下的keycode，然后获取相应的链接，并触发点击它。

HTML

<a id="prevLink" href='leftLink.php'><< Prev</a> 
<a id="nextLink" href='rightLink.php'>Next >></a>.

JS

document.addEventListener("keyup",function(e){
   var key = e.which||e.keyCode;
   switch(key){
      //left arrow
      case 37:
         document.getElementById("prevLink").click();
      break;
      //right arrow
      case 39:
         document.getElementById("nextLink").click();
      break;
   }
});

Answer 2

用它来检测按键..

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (true) {
        alert(event.keyCode)
    }
}

从这里确定按下的键并使用document.location重定向浏览器。

密钥代码是：

left = 37
up = 38
right = 39
down = 40

Answer 3

你可以试试这个：

$("body").keydown(function(e) {
  if(e.keyCode == 37) { // left
    //your code
    window.location.href = "leftLink.php";
  }
  else if(e.keyCode == 39) { // right
    //your code
    window.location.href = "rightLink.php";
  }
});

按键盘箭头时转到链接

3 个答案:

Reference