使用左右箭头设置焦点（HTML + JS）

Question

是否有任何方法可以使左箭头的行为类似于选项卡按钮（将焦点设置为下一个可聚焦项目），而右箭头的行为类似于shift+tab（将焦点设置为上一个可聚焦项目）？

我已经走到这一步了：

$().keypress(function(e) {
    if (e.keyCode == 37) {
        alert('I want to do a shift-tab');
    }
    else if (e.keyCode == 39) {
        alert('I want to do a tab');
    }
});

但是谷歌并没有那么有帮助，所以我想我应该在谷歌上搜索更多内容的同时在这里发布一个快速帖子。

谢谢！

哦，而且它纯粹是针对 FF3.0 的，所以我不需要担心其他浏览器的麻烦。

Answer 1

到目前为止你所拥有的看起来不错。

您可以保留“可聚焦”项目的列表，然后迭代该列表并保留指向当前项目的指针：

// or $('input')..depends what you want to focus on
var nodes = $('.focusable'), idx = -1;
$().keypress( function(e) {
   if (e.keyCode === 37) {
     nodes.get(++idx).focus();
    }
    else if (e.keyCode === 39) {
       nodes.get(--idx).focus();
    }
 });

但这只是一个粗略的轮廓。 在执行某些操作之前，您需要检查 idx，以确保不会越过可聚焦元素数组的开头或结尾。 当用户位于文本框内时，您还需要小心调用此方法。