그룹을 옮겨다니며 버튼의 다음 항목으로 이동합니다

질문:

나는 알파벳을 포함하는 그룹이 하나 있다. 나는 위아래 키로 교체한 다음에 enter키로 알파벳을 선택하고 enter키로 다음 키로 넘어가고 싶지만 어떻게 실현해야 할지 모르겠다.
지금까지 나는 이것을 얻었다.
var i = 0;

var letters = ['a','b','c','d','e']

$(document).ready(function() {
  $(document).keypress(function(e) {

    e.preventDefault();

    var keyCode = e.which;
        arrow = {up: 38, down: 40, enter: 13};

    switch(e.keyCode)
    {
        case arrow.up:
            alert('up');
        break;

        case arrow.down:
            alert('down');
        break;

        case arrow.enter:
            $('#box').html(letters[++i % letters.length]);
        break;
    }
});
});
그래서 나의 첫 번째 문제는:
이것은 enter 키의 그룹을 통과할 것입니다. 그러나 키 값을 변경할 수 없습니다.만약 내가 아래로 키를 교체해서 그룹을 만들려고 한다면, 아무 일도 일어나지 않을 것이다. 내가 무엇을 잘못했는가?
두 번째 문제는 키보드에서 어떻게 새 자모로 넘어갑니까?
업데이트:
자, 이제 내가 원하는 것에 더 가까워졌다.
case arrow.up:
            $('#letterbox').html(letters[--i % letters.length]);
        break;

        case arrow.down:
            $('#box').html(letters[++i % letters.length]);
        break;

        case arrow.enter:
            $('#box2').html(letters[++i % letters.length]);
        break;
위쪽 키와 아래쪽 키로 그룹을 옮겨다니며, 리턴 키는div '#box2' 에 새 알파벳을 인쇄하지만, 첫 번째 상자를 계속 옮겨다니며.어떻게 그룹을 현재 상자에서 교체합니까?

답안

정확한 원인은 모르겠지만 키를 누르면 화살표 키를 추적하지 않습니다.
키다운으로 대체합니다.