Navigation clavier en utilisant jQuery

Question

J'essaie d'ajouter un peu de support clavier pour un site web sur lequel je travaille et j'ai trouvé ces plugins pour jQuery: shortKeys et jquery.hotkeys (impossible de poster un lien parce que je suis un nouvel utilisateur). La chose est que je veux faire en sorte que lorsqu'un utilisateur appuie sur "j", par exemple, pour aller à une autre page, "about.html", par exemple, mais, je ne sais pas comment y arriver. Aucune suggestion?

Answer 1

Vous ne avez pas besoin de plugin jquery à cet effet, le morceau de code suivant devrait suffire:

$(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; 
    } 
}); 

Vous pouvez trouver les codes-clés de toutes les clés ici http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/Javascript-Char-Codes-Key-Codes.aspx

Answer 2

Vous pouvez utiliser window.location conjointement soit avec le plugin, comme celui-ci pour shortKeys:

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

Ou, en utilisant Hotkeys:

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