Question

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

我正在检测这样的keydown事件：

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：无法读取属性＆＃39; setCurrentTransform＆＃39;未定义的。

是否有人使用此库并且您有任何建议吗？

Answer 1

您可以通过here属性启用键盘（左右箭头键是默认设置）。

wheel.keynavigateEnabled = true;

PS：从v1.7.0开始提供，这是您修改后的keynavigateEnabled

wheelnav.js的箭头键控制

1 个答案: