资讯专栏INFORMATION COLUMN

推荐一款右键菜单

Jochen / 2513人阅读

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

先上图

github连接

安装

</>复制代码

  1. yarn install / npm install
运行

</>复制代码

  1. npm run dev
使用

</>复制代码

  1. .icon-table{
  2. background: url("build/styles/images/table.png") no-repeat center;
  3. }
  4. // or
  5. .icon-table:before{
  6. content: "";
  7. ...
  8. }

</>复制代码

  1. // listener event
  2. ContextMenu.on("itemclick", function (type, e, cmd) {
  3. console.log(arguments)
  4. })
  5. // bind comtextmenu event
  6. document.querySelector(".somedom")
  7. .addEventListener("contextmenu",
  8. function (e) {
  9. ContextMenu.show([
  10. { text : "item-0", command: "cmd-0", cls: "icon-table" },
  11. "-",
  12. {
  13. text: "item-1", items: [
  14. { text: "item-1-0", command: "cmd-1-0", disabled: true },
  15. { text: "item-1-1", command: "cmd-1-1" }
  16. ]
  17. }
  18. ], e)
  19. })
接口一览

</>复制代码

  1. /*
  2. * 显示菜单
  3. */
  4. ContextMenu.show(items: Array, e: Event): void
  5. /*
  6. * 隐藏菜单
  7. */
  8. ContextMenu.hide(): void
  9. /*
  10. * 绑定事件
  11. * 提供了 itemclick 事件
  12. */
  13. ContextMenu.on(event: String, hanler: Function): void
  14. /*
  15. * 解除绑定
  16. * 提供了 itemclick 事件
  17. */
  18. ContextMenu.off(event: String, hanler?: Function): void

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

转载请注明本文地址: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 评论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 评论0 收藏0
  • MobaXterm:远程终端登录软件封神选手

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

    plokmju88 评论0 收藏0
  • 超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件合集

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

    Rango 评论0 收藏0

发表评论

0条评论

Jochen

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<