多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
## 7.4.1.快速使用 ```javascript layui.use(['contextMenu'], function () { var contextMenu = layui.contextMenu; // 重写整个页面右键菜单 contextMenu.bind('html', [{ icon: 'layui-icon layui-icon-snowflake', name: '菜单一', click: function (e, event) { // 通过$(event.currentTarget)可获取事件触发的元素 alert('点击了菜单一'); } }, { name: '菜单二', click: function (e) { alert('点击了菜单二'); } }]); }); ``` - 参数一 &emsp; 绑定元素 - 参数二 &emsp; 菜单数组 菜单数组可支持无限极: ```javascript [{ icon: 'xxxxx', name: '菜单三', subs: [{ icon: 'xxxxx', name: '子菜单一', click: function (e, event) { alert('点击了子菜单一'); } }] }] ``` - icon &emsp; &nbsp;&nbsp;图标 - name &emsp; 菜单名 - click &emsp; &nbsp;&nbsp;点击事件 - subs &emsp; &nbsp;&nbsp;子菜单(支持无限极) >[danger] click事件里面的e是右键菜单的事件对象,event才是绑定的目标元素的事件对象 <br/>