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

Question

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

理想情况下，我正在研究让 2 个函数正常工作。

1. 用户使用左/右箭头突出显示(CSS:border:yellow)当前元素
2. 用户点击空格/回车来选择该元素

Answer 1

功能 keydown 将起作用。

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

数字 37 是指左键的键码，数字 39 是一个键码，它指的是正确的键。所以基本上每个键都有不同的键码。