wheelnav.js的箭头键控制

Question

我正在使用非常好的wheelnav.js库从大量的项目中直观地选择一些项目。我有大约50个项目在车轮上，这就是为什么我只是显示部分车轮选择的项目是目前的位置。我想要能够滚动的车轮使用左-右箭头键。我做了一把小提琴，以展示我想要做的事情：

小提琴

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

​

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

鼠标单击旋转可以正常工作，但当我使用箭头时，会得到错误: TypeError:无法读取未定义的属性'setCurrentTransform‘。

有人使用这个图书馆吗?你有什么建议吗？

Answer 1

您可以通过keynavigateEnabled属性启用键盘(默认为左-右箭头键).

wheel.keynavigateEnabled = true;

PS:它可以从v1.7.0获得，这是您修改过的小提琴