javascript - 在 react-bootstrap 下拉菜单和弹出窗口中捕获焦点
问题描述
我正在进行一些可访问性更改,如果弹出框/下拉列表打开,我想将焦点捕获在弹出框/下拉列表中。
我正在使用react-bootstrap
,我想知道是否有一种方法支持react-bootstrap
.
我已经看过文档,但在 react-bootstrap 文档中找不到任何内容。模态已经捕获焦点,但下拉和弹出框没有。
但是,我可以使用其他一些软件包,例如焦点陷阱等来做到这一点,我在弹出窗口上尝试过,这似乎有效。
解决方案
试试这个库:https ://www.npmjs.com/package/focus-trap-js 有一个解释如何在 React using hooks 中使用它
推荐阅读
- swift - 使用 RxSwift 联网
- google-colaboratory - Google Colab - 如何使用代码重新启动运行时?
- vuetify.js - Vuetify 嵌套列表默认关闭
- python - Numpy 矩阵模索引提取
- node.js - 错误:在中间件中发送标头以进行 joi 验证后无法设置标头
- c# - json.net 反序列化返回 null
- jquery - $.ajax 调用未设置带有 crossDomain 和 xhrFields.withCredentials 的 cookie 设置为 true
- excel - excel vba数据从一张表传输到另一张错误只有标题复制没有任何数据
- spring-boot - 静态资源与 Spring Boot 中的 @PathParam 冲突 thymleaf localhost:8080/script.js 与 localhost:8080/{message} 冲突
- spring - 缺少工件 javax .validation:validation-api:jar:2.0.1 final