使用jQuery进行键盘导航

时间:2010-08-14 10:48:31

标签: jquery html keyboard navigation

我正在尝试为我正在处理的网站添加一些键盘支持,我发现了jQuery的这些插件:shortKeys和jquery.hotkeys(无法发布链接,因为我是新用户)。事情是我想做到这一点,以便当用户按下“j”,例如,去一个不同的页面,“about.html”,但是,我不知道如何实现这一点。有什么建议吗?

2 个答案:

答案 0 :(得分:3)

您可以将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';
});

答案 1 :(得分:1)

为此目的,您不需要任何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

找到所有按键的密钥代码