javascript - 用 keyup 模拟点击

Question

我正在尝试使用 jQuery 将键盘导航添加到一对下一个/上一个链接。

我原以为它会像这样简单，但显然不是：

 $(document.documentElement).keyup(function (event) {
   if (event.keyCode == 37) {
     $('a.next').click();
   } else if (event.keyCode == 39) {
     $('a.prev').click();
   }
 });

非常感谢任何帮助。

Answer 1

$(document).on('keyup', function (event) {
  if (event.which === 37) {
    window.location.hash = $('a.next').attr('href'); 
  }
  else if (event.which === 39) {
    window.location.hash = $('a.prev').attr('href');
  }
});

http://codepen.io/vermilion1/pen/eCtnv

Answer 2

.click()问题是你不能<a>标记。您可以添加此代码 onload 工作：

$('a').on('click', function(){
    window.location = this.href;
});

Answer 3

首先，您应该为下一个和上一个链接定义点击事件，然后在您的代码更改中：

$('a.next').click();
$('a.prev').click();

经过：

$('a.next').trigger('click');
$('a.prev').trigger('click');