摘要:先上图连接安装运行使用接口一览显示菜单隐藏菜单绑定事件提供了事件解除绑定提供了事件
先上图
github连接
安装</>复制代码
yarn install / npm install
运行
</>复制代码
npm run dev
使用
</>复制代码
.icon-table{
background: url("build/styles/images/table.png") no-repeat center;
}
// or
.icon-table:before{
content: "";
...
}
</>复制代码
// listener event
ContextMenu.on("itemclick", function (type, e, cmd) {
console.log(arguments)
})
// bind comtextmenu event
document.querySelector(".somedom")
.addEventListener("contextmenu",
function (e) {
ContextMenu.show([
{ text : "item-0", command: "cmd-0", cls: "icon-table" },
"-",
{
text: "item-1", items: [
{ text: "item-1-0", command: "cmd-1-0", disabled: true },
{ text: "item-1-1", command: "cmd-1-1" }
]
}
], e)
})
接口一览
</>复制代码
/*
* 显示菜单
*/
ContextMenu.show(items: Array, e: Event): void
/*
* 隐藏菜单
*/
ContextMenu.hide(): void
/*
* 绑定事件
* 提供了 itemclick 事件
*/
ContextMenu.on(event: String, hanler: Function): void
/*
* 解除绑定
* 提供了 itemclick 事件
*/
ContextMenu.off(event: String, hanler?: Function): void
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/88309.html
摘要:复制粘贴断线重连等常见行为很容易找到,不需要教程或口口相传的暗示。参考十项全能的远程终端登录软件开源硬件佳软介绍 提到SSH、Telnet等远程终端登录,我相信很多人想到的都是PuTTY PuTTY通常用于Windows,但实际上可以多平台运行,因此不表达为Windows下的远程终端登录 PuTTY足够成熟、小巧、专注核心任务,并且对编码等常见坑的处理并不缺乏,这其实都是优点。但PuT...
摘要:分享一些超好用插件,打造一个不一样的浏览器编辑器。一谷歌浏览器插件谷歌访问助手强烈推荐一键安装,无需其他配置,即可访问谷歌。谷歌浏览器是很耗内存的,该插件会自动挂起长时间未使用的网页,来释放系统资源。 showImg(https://segmentfault.com/img/remote/1460000014011338); 分享一些超好用插件,打造一个不一样的 GitHub、浏览器、...
阅读 2006·2023-04-26 02:46
阅读 2093·2021-11-25 09:43
阅读 1232·2021-09-29 09:35
阅读 2194·2019-08-30 15:56
阅读 3511·2019-08-30 15:54
阅读 2743·2019-08-29 16:35
阅读 3219·2019-08-29 15:25
阅读 3391·2019-08-29 14:01