layui鼠标右键单击弹出自定义菜单事件

您可以使用 layui 的 `contextmenu` 模块来实现鼠标右键单击弹出自定义菜单事件。具体步骤如下：

1. 引入 `contextmenu` 模块和所需的样式文件：

<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.js"></script>
<script src="layui/lay/modules/contextmenu.js"></script>

2. 在需要触发右键菜单的元素上添加 `lay-contextmenu` 属性，并设置菜单的内容和样式：

<div lay-contextmenu="#myMenu" style="width: 100px; height: 100px; background-color: #eee;"></div>

<!-- 定义菜单的内容 -->
<div id="myMenu" style="display: none;">
  <ul>
    <li>菜单项1</li>
    <li>菜单项2</li>
    <li>菜单项3</li>
  </ul>
</div>

3. 初始化右键菜单：

layui.contextmenu.init({
  filter: 'div[lay-contextmenu]', // 找到所有带有 lay-contextmenu 属性的元素
  show: function (options) {
    // 菜单显示时的回调函数
  },
  hide: function () {
    // 菜单隐藏时的回调函数
  },
  extend: [], // 可以添加更多的系统默认菜单项
  list: [{
    text: '自定义菜单项1',
    callback: function (t, e) {
      // 自定义菜单项1 的回调函数
    }
  }, {
    text: '自定义菜单项2',
    callback: function (t, e) {
      // 自定义菜单项2 的回调函数
    }
  }]
});

这样，当用户在带有 `lay-contextmenu` 属性的元素上右键单击时，就会弹出自定义的菜单。用户点击菜单项时，对应的回调函数将会被执行。