key-nav:将项目列表转换为可导航的键盘

时间:2021-05-03 19:43:45
【文件属性】:
文件名称:key-nav:将项目列表转换为可导航的键盘
文件大小:34KB
文件格式:ZIP
更新时间:2021-05-03 19:43:45
HTML `#key-nav 使用箭头,输入,退出键和搜索键使键盘可导航的项目列表 描述 key-nav附加到DOM节点,并使其可通过键盘导航。 它将状态属性添加到节点,以便可以使用CSS随意设置它们的样式。 列表(例如ul - li )或表可以浏览。 如果按字母数字字符,则搜索子级。 子节点是活动的NodeList,因此,如果添加或删除节点,则所有引用都将更新。 安装 npm install @clubajax/key-nav --save key-nav依赖于 。 支持 key-nav使用ES5(不是ES6),因此与所有浏览器(IE11及更高版本)兼容。 该库使用UMD,因此它可以在任何框架中工作。 变化 从版本2开始,key-nav是a11y。 代替.highlighted类,而是对节点进行聚焦,并添加: tab-index=-1和aria-current="true" 。 现在代
【文件预览】:
key-nav-master
----yarn.lock(37KB)
----src()
--------keys.js(20KB)
--------package.json(303B)
----LICENSE(1KB)
----gruntFile.js(889B)
----README.md(4KB)
----dist()
--------key.min.js(9KB)
--------keys.js(11KB)
----tests()
--------demo.html(1KB)
--------names.json(7KB)
--------test.html(21KB)
----.gitignore(216B)
----package.json(935B)

网友评论