使用 jQuery 的键盘导航答案

【问题标题】：Keyboard navigation using jQuery使用 jQuery 的键盘导航
【发布时间】：2011-03-29 19:38:49
【问题描述】：

我正在尝试为我正在开发的网站添加一些键盘支持，我发现了这些用于 jQuery 的插件：shortKeys 和 jquery.hotkeys（无法发布链接，因为我是新用户）。问题是我想这样当用户按下“j”时，例如，转到不同的页面，例如“about.html”，但是，我不知道如何做到这一点。有什么建议吗？

【问题讨论】：

标签： jquery html keyboard navigation

【解决方案1】：

您可以将window.location 与任一插件一起使用，例如shortKeys：

$(document).shortkeys({
 'J': function () { window.location = 'about.html'; },
 'K': function () { window.location = 'somethingElse.html'; }
});

或者，使用Hotkeys：

$(document).bind('keydown', 'j', function() {
  window.location = 'about.html';
});

【讨论】：

谢谢！这帮助很大！
@Victor - 欢迎 :) 如果他们解决了您的问题，请务必接受答案以结束这些问题 :)

【解决方案2】：

你不需要任何 jquery 插件来达到这个目的，下面的代码就足够了：

$( document ).keydown(function(event)
{
  switch(event.which)
  {
    case 74: // 74 is keycode for j
      window.location = 'somewhere.html';
      break;

    case 75: // 75 is keycode for k
      window.location = 'another.html';
      break;
  }
});

你可以在这里找到所有键的键码http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/Javascript-Char-Codes-Key-Codes.aspx

【讨论】：