锁

Web Apps和组件的键盘导航.

特征

Loock为网络应用和组件提供了一套管理焦点和键盘导航的行为.

导航区域

按导航区域组织您的网页或网页应用.

持久性背景

永不失去上下文,同时与 TAB 键.

逃逸舱门

保留上下文 ESC 键.

去图书馆

通过国家预防机制安装:

npm install @chialab/loock

yarn add @chialab/loock

pnpm add @chialab/loock

光盘N

通过 电源运行数字 :

import { focusTrapBehavior } from 'https://esm.run/@chialab/loock';

使用量

import { focusTrapBehavior } from '@chialab/loock';

const dialog = document.getElementById('.dialog');
const trap = focusTrapBehavior(dialog, {
    inert: true,
});

dialog.addEventListener('open', () => {
    trap.connect();
});

发展

构建

安装依赖关系并运行 build 脚本 :

pnpm install

pnpm build

这将生成 : dist 文件夹,以及声明文件.

测试

运行 test 脚本 :

pnpm test

许可证

锁 将在 麻省理工学院 执照.