javascript - 如何将键盘箭头与 jCarousel 集成 - 使用 Keynav jQuery 插件？

Question

好吧。我的想法是，我有一个 jCarousel 列表，每个 View 显示 3 个项目。我正在使用 jQuery Keynav 插件通过键盘箭头键来导航元素。

现在，当我导航(通过键盘箭头)到实际隐藏在轮播中的项目时，jCarousel 必须滑动到新 View 。

这有可能实现吗？或者是否有任何其他插件(比如 Keynav 插件)支持按键触发事件？

这是一个实例 http://www.jsfiddle.net/F4GCc/5/ (您必须实际单击“结果” Pane 才能使用键盘箭头导航。)

Answer 1

只需将文档绑定(bind)到 keyup 并检查以确保它是向左或向右箭头:

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