layui扩展模块 - mouseRightMenu 右键菜单-文档

更新日志

2019-01-02
1.数据data字段支持，obj，更方便储存其他多个参数
2..open 第二个参数支持填入false，为默认样式

演示地址

http://doc.enianteam.com/demo/mouse_right_menu

下载地址

https://gitee.com/hslr/mouseRightMenu-layui

使用示例

css样式需要自己引入mouseRightMenu.css

//数据示例
//data：任何数据，支持str和obj
//type：类型，任意定义
//title：菜单标题
var menu_data=[
            {'data':{id:18},'type':1,'title':'删除文件'},
            {'data':{id:18},'type':2,'title':'重命名'},
            {'data':{id:18},'type':3,'title':'复制'},
            {'data':{id:18},'type':4,'title':'粘贴'}
        ]
//调用示例：
//参数1：[arr]    菜单数据，
//参数2：[obj/false]    弹窗参数配置（layer配置）添false则为默认，
//参数3：[func] 菜单点击触发
mouseRightMenu.open(menu_data,false,function(d){
            console.log(d)//输出：{'data':data,'type':4,'title':'粘贴'}
            //return false;        //阻止默认事件（点击关闭菜单）
})

弹窗参数配置说明

area        //宽高，宽，默认150px；高，自动
skin        //样式名class，默认使用样式文件中样式，自定义后，可不用引入样式文件。
offset        //坐标，默认鼠标当前
shade        //遮罩，默认透明遮罩
shadeClose        //默认开启遮罩关闭
maxHeight        //最大高度，默认240
content         //支持自定义菜单内容，（一般不会设置此参数）默认使用自带样式