本文摘自PHP中文网，作者V，侵删。
1、使用方式
js文件引入<script src="RightMenu.js"></script>
初始化：
1 2 3 4 | let rightMenu = new RightMenu({
targetId:'menu',
menuItems: items
})
|
2、menuItems参数
1 2 3 4 5 6 7 8 9 | items = [
{
id: 'aa',
text: 'ccc',
show: true,
active: false,
style: 'item-unactive'
}
]
|
3、方法
setItems(menuItems) 设置菜单。动态设置菜单
hide() 隐藏菜单
on(eventType, event) 事件监听
4、事件
itemClick 菜单项点击，回调函数参数为菜单项的所有属性
例：
1 2 3 4 5 6 7 8 | rightMenu.on('itemClick',(param) => {
console.log(param)
if(param.active === false){
return
}
alert(JSON.stringify(param))
})
|
createBefore 菜单内容生成前调用，可以实现动态菜单设置
例：
1 2 3 | rightMenu.on('createBefore',(param) => {
rightMenu.setItems(items1)
})
|
注：暂不支持级联功能
代码：
阅读剩余部分
相关阅读 >>
js 定义用字符串拼接的变量的解析
html5文件上传插件遇到的技术问题
js怎么跳转到新页面？
javascript中number()方法的两种用法
js不跳转传值php
简析如何用js实现简单轮播
javascript如何自动关闭窗口
纯js实现3d相册（附源码）
如何用js实现直接运行html的代码
javascript修改元素内容
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 利用js实现自定义右键菜单插件
