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

How can I use the left and right arrow keys to navigate between elements?

本文关键字：元素 之间 导航 何使用 左右      更新时间：2023-09-26

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

理想情况下，我正在考虑让 2 个功能工作。

  1. 用户使用向左/向右箭头突出显示（CSS：边框：黄色）当前元素
  2. 用户按空格键/回车键选择该元素

函数键下就可以了。 

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

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

相关文章：