推荐一款右键菜单

Jochen 发布于2019-08-21 15:55 / 2410人阅读

摘要：先上图连接安装运行使用接口一览显示菜单隐藏菜单绑定事件提供了事件解除绑定提供了事件

先上图

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

云服务器 GPU云服务器右键菜单右键菜单类 jquery右键菜单 js右键菜单

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88309.html

推荐一款右键菜单

摘要：先上图连接安装运行使用接口一览显示菜单隐藏菜单绑定事件提供了事件解除绑定提供了事件先上图 showImg(https://segmentfault.com/img/bVPznC?w=557&h=402); github连接安装 yarn install / npm install 运行 npm run dev 使用 .icon-table{ background: url(...

tyheist 2019-08-29 12:49 评论0 收藏0
推荐一款右键菜单

摘要：先上图连接安装运行使用接口一览显示菜单隐藏菜单绑定事件提供了事件解除绑定提供了事件先上图 showImg(https://segmentfault.com/img/bVPznC?w=557&h=402); github连接安装 yarn install / npm install 运行 npm run dev 使用 .icon-table{ background: url(...

denson 2019-08-01 16:59 评论0 收藏0
MobaXterm：远程终端登录软件封神选手

摘要：复制粘贴断线重连等常见行为很容易找到，不需要教程或口口相传的暗示。参考十项全能的远程终端登录软件开源硬件佳软介绍提到SSH、Telnet等远程终端登录，我相信很多人想到的都是PuTTY PuTTY通常用于Windows，但实际上可以多平台运行，因此不表达为Windows下的远程终端登录 PuTTY足够成熟、小巧、专注核心任务，并且对编码等常见坑的处理并不缺乏，这其实都是优点。但PuT...

plokmju88 2019-08-19 10:22 评论0 收藏0
超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件合集

摘要：分享一些超好用插件，打造一个不一样的浏览器编辑器。一谷歌浏览器插件谷歌访问助手强烈推荐一键安装，无需其他配置，即可访问谷歌。谷歌浏览器是很耗内存的，该插件会自动挂起长时间未使用的网页，来释放系统资源。 showImg(https://segmentfault.com/img/remote/1460000014011338); 分享一些超好用插件，打造一个不一样的 GitHub、浏览器、...

Rango 2019-08-22 15:45 评论0 收藏0