当前位置:主页 > JavsScript库 > 菜单 / 导航 >

javascript动态多级上下文菜单 - ContextMenu.js
栏目分类:菜单 / 导航   发布日期:2021-09-03   浏览次数:

一个用原生 JavaScript 实现的简单、普通、多级上下文菜单组件。

不需要第三方框架和样式表。

使用:

1. 将主要的 JavaScript contextmenu.js 插入到文档中。

<script src="contextmenu.js"></script>

2. 在 JS 数组中定义菜单项,如下所示:

const menuData = [
      {
        'text': '菜单项 1',
        'extraText': 'cool!',
        'onclick': e=>alert('nice'),
      },
      'divider', // 分隔符
      'divider',
      {
        'text': '菜单项 2',
        'sub':[
          {
            'text': '菜单项 2-1'
          },
        ]
      },
      // 这里有更多菜单项
]

3. 将上下文菜单附加到目标容器。就是这样。

createContextmenu('body', menuData);

官方网站:https://github.com/L1quidH2O/ContextMenu.js

相关热词: ContextMenu上下文菜单

相关下载
声源:本站内容均来自互联网,仅供交流学习之用,请勿作商业用途,所有资源版权归原作者所有。如果有侵犯到您的权益,请联系本站删除,谢谢合作!
jQuery库 JavsScript库 Html5库 CSS3库