【文件属性】：
文件名称：focus-trap:陷阱焦点在DOM节点内
文件大小：173KB
文件格式：ZIP
更新时间：2021-04-28 00:47:22
dependabot JavaScript
焦点陷阱
在DOM节点内捕获焦点。
有时可能会发现，在DOM节点内捕获焦点很重要-因此，当用户单击Tab或Shift+Tab或单击周围时，她无法逃脱特定周期的可聚焦元素。
当您尝试构建可访问的模态时，您肯定会面临这个挑战。
这个模块是解决该问题的一个模块化的原始JS解决方案。
在更高级别的组件中使用它。 例如，如果您使用React，请签出 ，该库周围的轻包装。 如果您不是React用户，请考虑在您的选择框架中创建轻包装器。
它能做什么
激活焦点陷阱后，将发生以下情况：
焦点陷阱中的某些元素会接收焦点。 默认情况下，这将是焦点陷阱的Tab顺序中的第一个元素（由确定）。 或者，您可以指定一个应该获得此初始焦点的元素。
Tab和Shift+Tab键将在焦点陷阱的可选项元素之间循环，但不会离开焦点陷阱。
焦点陷阱中的喀哒声正常； 但是在焦点陷阱之外的点击被阻止了。
Escape键
【文件预览】：
focus-trap-master
----.prettierignore(13B)
----.gitignore(1KB)
----cypress.json(41B)
----README.md(19KB)
----CHANGELOG.md(8KB)
----.github()
--------workflows()
--------dependabot.yml(415B)
--------pull_request_template.md(966B)
----rollup.config.js(3KB)
----.all-contributorsrc(4KB)
----LICENSE(1KB)
----SECURITY.md(4KB)
----cypress()
--------integration()
--------support()
--------fixtures()
--------plugins()
----package.json(3KB)
----CONTRIBUTING.md(3KB)
----index.js(16KB)
----index.d.ts(4KB)
----.eslintignore(21B)
----.changeset()
--------README.md(512B)
--------config.json(258B)
----babel.config.js(903B)
----yarn.lock(315KB)
----.eslintrc.js(3KB)
----.prettierrc.js(412B)
----demo()
--------iframe-content.html(280B)
--------js()
--------index.html(23KB)
--------style.css(672B)