javascript - Wheelnav.js 的箭头键控制

Question

我正在使用非常好的wheelnav.js图书馆可以从大量项目中直观地选择一些项目。我的轮子中有大约 50 个项目，这就是为什么我只显示轮子中所选项目当前所在的部分。我希望能够使用左右箭头键滚动滚轮。我做了一个 fiddle 来演示我想做的事情:

Fiddle

我正在检测这样的按键事件:

window.addEventListener("keydown", function(e) {
e = e || window.e;
var keyCodeEvent = e.which || e.keyCode; 

if([37, 38, 39, 40].indexOf(e.keyCode) > -1) {
    e.preventDefault();
    }
if (keyCodeEvent === 37 || keyCodeEvent === 40) {
    forward(1, "forward");
    }
if (keyCodeEvent === 38 || keyCodeEvent === 39) {
    backward(-1, "backward");
    }
}, false);

我将前进和后退函数放在wheelnav.js库中，我正在尝试这样旋转轮子

this.forward = function (a,b) {    
   wheelnav.prototype.navigateWheel(a);
}

鼠标单击旋转工作正常，但当我使用箭头时出现错误:类型错误:无法读取未定义的属性“setCurrentTransform”。

有人使用这个库吗？您有什么建议吗？

Answer 1

您可以通过 keynavigateEnabled 启用键盘属性(左右箭头键是默认值)。

wheel.keynavigateEnabled = true;

PS:从v1.7.0开始可用，这是您修改后的Fiddle