如何使用左右箭头键在元素之间导航？

Question

我有一组自定义指令（每个指令都配置为一个元素）。 我想看看是否有可能创建一个键盘导航（左右箭头），以允许用户在元素之间切换焦点。

理想情况下，我正在考虑使2个功能起作用。

1. 用户使用左/右箭头突出显示当前元素（CSS：边框：黄色）
2. 用户点击空格/输入以选择该元素

Answer 1

功能键按下将起作用。

jQuery(document).keydown(function(e){
    if (e.keyCode == 37) {
        console.log('left')        
    }
    if (e.keyCode == 39) {
        console.log('right')
    } 
});

数字37是指左键的键码，数字39是指右键的键码。 因此，基本上每个键都有不同的键代码。