鍵盤導航使用jQuery

Question

我想添加一些我正在工作的網站的鍵盤支持，我發現這些jQuery插件：shortKeys和jquery.hotkeys（無法發佈鏈接，因爲我是一個新用戶）。事情是，我想要這樣做，以便當用戶按「j」，例如，去一個不同的頁面，例如「about.html」，但我不知道如何做到這一點。有什麼建議麼？

Answer 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

Answer 2

您可以結合使用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'; 
});