本文摘自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 中 undefined 什么意思
jquery 过时了吗？
css和js后加问号和数字有什么用
javascript如何设置全局变量
jquery属于什么语言
js生成某个范围内的随机数
js proxy 的优势以及使用场景
jq实现弹幕效果
js如何去除html标签
快速理解 javascript 的垃圾回收
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 利用js实现自定义右键菜单插件
