在焦点上的元素上切换类并按下Tab键

// 获取所有具有焦点的元素
const focusableElements = document.querySelectorAll('.focusable');

// 监听键盘事件
document.addEventListener('keydown', (event) => {
  if (event.key === 'Tab') {
    event.preventDefault(); // 阻止默认的Tab键行为

    // 获取当前焦点元素的索引
    const currentIndex = Array.from(focusableElements).findIndex((element) => element === document.activeElement);

    // 计算下一个焦点元素的索引
    let nextIndex = currentIndex + 1;
    if (nextIndex >= focusableElements.length) {
      nextIndex = 0;
    }

    // 切换焦点到下一个元素
    focusableElements[nextIndex].focus();
  }
});