wheelnav.js的箭头键控制

我使用非常好的wheelnav.js库来从大量项目中直观地选择一些项目。我在车轮上有大约50个物品，这就是为什么我只显示选定物品当前所在位置的车轮部分。我希望能够使用左右箭头键滚动滚轮。我已经做了小提琴在一定程度上表现出我想要做什么：wheelnav.js的箭头键控制

Fiddle

我检测的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); 
}

鼠标点击旋转工作正常，但当我用箭头我得到的错误：类型错误：无法读取属性未定义“setCurrentTransform”。

是否有人使用这个库，你有什么建议吗？

来源

2016-10-26 user1378824

您可以通过keynavigateEnabled属性启用键盘（左右方向键为默认值）。

wheel.keynavigateEnabled = true;

PS：这可从V1.7.0，这里是你的修改Fiddle

来源

2016-11-09 22:49:23

wheelnav.js的箭头键控制

回答

相关问题