模拟点击与keyup

Simulate click with keyup

本文关键字：keyup 模拟      更新时间：2023-09-26

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

我本以为会这么简单，但显然不是:

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

非常感谢。

$(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

问题是你不能.click()和<a>标记。您可以将以下代码添加到onload中:

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

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

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

$('a.next').trigger('click');
$('a.prev').trigger('click');
相关文章：