javascript - 遍历数组并跳转到按键上的下一个项目

Question

我有一个包含字母的数组，我想用向上键和向下键迭代它，然后用回车键选择一个字母并用回车键跳转到下一个字母，但我不知道如何实现。到目前为止，我得到了这个:

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;
    }
});
});

所以我的第一个问题是:这通过输入键的数组，但我无法更改键值。如果我想让向下键迭代数组，没有任何反应，我做错了什么？第二个:我该怎么做才能在按键时跳转到一个新字母？

更新:

好的，现在我离我想要的更近了:

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' 打印一个新字母，但它继续循环第一个框。如何使数组从当前框开始迭代？

Answer 1

我不知道确切原因，但按键不跟踪箭头键。请改用 keydown。