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的箭頭鍵控制

回答

相關問題