focus-trap:一种轻量级的Web组件,可在DOM节点内捕获焦点

时间:2024-02-26 23:30:06
【文件属性】:

文件名称:focus-trap:一种轻量级的Web组件,可在DOM节点内捕获焦点

文件大小:1.58MB

文件格式:ZIP

更新时间:2024-02-26 23:30:06

web-components dialog custom-elements focus shadow-dom

@ a11y / focus-trap 捕获焦点的轻量级Web组件,位于DOM节点内聚焦陷阱确保tab和shift + tab键将循环通过聚焦陷阱的tabbable元素,但不离开聚焦陷阱。 这对于制作非常。 转到此处观看演示 。 一件事做得非常好-它会吸引焦点! 寻找可聚焦的元素时,穿过阴影的根部。 开箱即用(只需将其添加到您的标记中) 仅使用普通js创建-没有依赖关系和框架不可知! ➤安装 npm i @ a11y / focus - trap ➤用法 将@a11y/focus-trap导入代码中的某个位置,就可以开始了! 只需将焦点陷阱添加到您的html ,它就可以工作,而无需您


【文件预览】:
focus-trap-master
----typings.d.ts(71B)
----blueprint.json(794B)
----rollup.config.js(2KB)
----package.json(1KB)
----tslint.json(64B)
----.github()
--------workflows()
----assets()
--------dialog.gif(130KB)
--------dialog.mov(594KB)
--------demo.gif(541KB)
--------demo.mov(1.01MB)
----package-lock.json(378KB)
----CONTRIBUTING.md(400B)
----src()
--------test()
--------lib()
--------demo()
----tsconfig.json(66B)
----blueprint.md(328B)
----LICENSE.md(1KB)
----.gitignore(862B)
----.browserslistrc(69B)
----CODE_OF_CONDUCT.md(3KB)
----readme()
--------installation.md(55B)
--------api.md(587B)
--------usage.md(360B)
----karma.conf.js(258B)
----README.md(4KB)
----pre-build.js(624B)
----tsconfig.build.json(347B)

网友评论