Comment intégrer les flèches du clavier avec jCousel - Utiliser le plugin Keynav jQuery?

Question

Très bien. L'idée est que j'ai une liste jCousousel qui affiche 3 éléments par vue. J'utilise le plugin jQuery Keynav pour naviguer avec les éléments via les touches fléchées du clavier.

Maintenant, lorsque je navigue (via les flèches du clavier) vers les éléments qui sont réellement cachés dans le carrousel, le jCousel doit glisser vers la nouvelle vue.

Y at-il une possibilité que cela soit possible? Ou y a-t-il un plugin Keynav autre plugin qui prend en charge les événements déclencheurs avec la touche presse?

Voici un exemple en direct http://www.jsfiddle.net/F4GCc/5/(You'll have to actually click in the "Result" pane for the keyboard arrow navigation to work.)

Answer 1

Il suffit de lier le document à keyup et assurez-vous qu'il est la flèche gauche ou à droite:

$(document).on('keyup', function(e){ 
    var key = e.which || e.keyChar || e.keyCode; 
    if (key == 37) { 
     // left key 
    } else if (key == 39) { 
     // right key 
    } 
});