前端知库

focus-trap

把键盘焦点限制在指定区域内的工具库,常用于对话框。

激活后 Tab 和 Shift+Tab 只在容器内循环,点击外部或按 Esc 时可以退出,退出后焦点回到激活前的元素。React 项目可使用 focus-trap-react。

容器内至少要有一个可聚焦元素,或通过 fallbackFocus 指定,否则激活时会报错。使用 Radix、Headless UI 等已内置焦点管理的组件时不需要再加。

许可:MIT。