2016-10-26 8 views
0

私は実際に素晴らしい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ライブラリのforward関数とbackward関数を使用してホイールを回転させようとしています

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

マウスクリックは細かい作品を回転させるが、私は矢印を使用する場合、私はエラーを取得する: TypeError例外を:未定義の「setCurrentTransformを」プロパティを読み取ることができません。

このライブラリを使用している人はいますか?お気軽にお問い合わせください。

答えて

1

keynavigateEnabledプロパティを使用してキーボードを有効にすることができます(左矢印キーがデフォルトです)。

wheel.keynavigateEnabled = true; 

PS:ここで、v1.7.0から提供されていますが、あなたの修正されFiddle