wheelnav.js의 화살표 키 컨트롤

Question

정말 멋진 wheelnav.js 라이브러리를 사용하여 많은 수의 항목 중에서 시각적으로 항목을 선택합니다. 나는 휠에 약 50 개의 아이템을 가지고 있는데, 이는 선택된 아이템이 현재 위치하는 휠의 부분만을 보여주는 이유입니다. 왼쪽 - 오른쪽 화살표 키를 사용하여 휠을 스크롤 할 수 있기를 원합니다.

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 라이브러리에서 앞으로 및 뒤로 기능을 사용하고 바퀴를 회전하려고합니다.

,451,515,

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

마우스 클릭은 좋은 작품을 회전하지만 난 화살표를 사용하여 때이 오류가 발생합니다 : 형식 오류를 : 정의의 'setCurrentTransform을'속성을 읽을 수 없습니다.

이 라이브러리를 사용하는 사람이 누구이며 제안 사항이 있습니까?

Answer 1

keynavigateEnabled 속성을 통해 키보드를 사용할 수 있습니다 (기본값은 왼쪽 및 오른쪽 화살표 키입니다).

wheel.keynavigateEnabled = true; 

PS : 그것은 여기, v1.7.0에서 사용할 수 있습니다 귀하의 수정 Fiddle