核心知识
方向键与焦点
左右方向键移动 Tab 焦点,Home/End 可到首尾;面板无明显延迟时可自动激活,否则可用 Enter/Space 手动激活。
- 按键后 preventDefault 避免页面滚动
- 移动焦点并同步状态
- 循环到首尾可提升效率
if (event.key === 'ArrowRight') {
selectTab(nextTab);
nextTab.focus();
}
左右方向键移动 Tab 焦点,Home/End 可到首尾;面板无明显延迟时可自动激活,否则可用 Enter/Space 手动激活。
if (event.key === 'ArrowRight') {
selectTab(nextTab);
nextTab.focus();
}