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

Question

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

理想情况下，我正在考虑使用两种功能。

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

Answer 1

keydown函数可以正常工作。

input {
    box-sizing: border-box;
    height: 15px;
}

37号是一个指向左键的键码， 数字39是指向右键的键码。 所以基本上每个密钥都有不同的密钥代码。