context-menu:可访问且高度可定制的Web应用程序上下文菜单

时间:2024-04-22 23:22:56
【文件属性】:

文件名称:context-menu:可访问且高度可定制的Web应用程序上下文菜单

文件大小:116KB

文件格式:ZIP

更新时间:2024-04-22 23:22:56

JavaScript

Web应用程序的上下文菜单 可访问且高度可定制的Web应用程序上下文菜单 特征: 每个命令执行逻辑(通过execute生命周期功能) 启用和禁用命令(通过enabled属性或生命周期功能) 隐藏命令(通过visible属性或生命周期函数) 动态控制enabled值和visible值 嵌套菜单 根据屏幕位置定位菜单 a11y-所有键盘快捷键均可用并已宣布 简化的DOM事件界面,可进行动作处理 用法 安装 npm install --save @api-client/context-menu 使用菜单 探索受支持和可能实现的功能的最佳方法是查看针对各种用例准备的演示页面。 要初始化该库,您需要提供对作为事件处理程序根目录的元素的引用。 如果要为整个应用程序构建上下文菜单,它也可以是document.body或窗口。 第二步是定义菜单中呈现的命令。 注册命令 使用registerC


【文件预览】:
context-menu-main
----context-menu.js(133B)
----.github()
--------workflows()
----src()
--------ContextMenu.js(12KB)
--------styles()
--------MenuItem.d.ts(2KB)
--------Icons.js(667B)
--------ContextMenu.d.ts(4KB)
--------ContextMenuElement.d.ts(4KB)
--------ContextMenuElement.js(12KB)
--------types.d.ts(6KB)
--------MenuItem.js(3KB)
--------IdGenerator.js(79B)
----.vscode()
--------settings.json(57B)
----.npmignore(36B)
----demo()
--------demo.css(2KB)
--------index.html(1KB)
--------DemoIcons.js(1KB)
--------separators.html(388B)
--------separators.js(4KB)
--------icons.html(378B)
--------no-execute.html(392B)
--------icons.js(2KB)
--------custom-data.js(2KB)
--------basic.js(3KB)
--------enabled-state.js(2KB)
--------basic.html(373B)
--------no-execute.js(3KB)
--------enabled-state.html(389B)
--------custom-data.html(387B)
--------nested.html(375B)
--------nested.js(3KB)
----tsconfig.json(520B)
----test()
--------ContextMenuElement.test.js(14KB)
--------ContextMenu.test.js(17KB)
----LICENSE.md(323B)
----README.md(13KB)
----index.d.ts(336B)
----context-menu.d.ts(163B)
----custom-elements.json(15KB)
----.gitignore(807B)
----index.js(210B)
----package-lock.json(259KB)
----package.json(3KB)

网友评论