layui.layer.open自定义事件

layui的layer模块中的layer.open方法是一个用于弹出对话框的功能，它支持丰富的配置选项和自定义事件处理。当你使用`layer.open`打开一个对话框时，你可以为特定的操作或状态变化添加自定义事件，以便在这些事件发生时执行你自己的代码逻辑。

以下是一些关键的自定义事件：

1. `load`（加载完成）：当对话框内容（如HTML字符串或加载外部URL的内容）完全加载完毕时触发。
2. `show`（显示完成）：当对话框从隐藏状态变为可见状态时触发。
3. `close`（关闭）：当对话框被用户点击关闭按钮或通过程序调用`layer.close`关闭时触发。
4. `resize`（尺寸改变）：当对话框大小发生变化时触发。
5. `dragend`（拖拽结束）：当对话框拖动结束时触发。
6. `form`（表单提交）：如果对话框包含表单并且被提交时触发。

要添加自定义事件，你需要在`layer.open`的配置对象中指定事件名称和对应的回调函数。例如：

layer.open({
    type: 1, // 1代表对话框类型
    title: '自定义事件示例',
    content: '这是一个弹出框',
    btn: ['确定', '取消'], // 可选按钮数组
    shadeClose: true, // 是否点击遮罩关闭
    area: ['auto', 'auto'], // 指定宽高，单位是px，默认是整个浏览器窗口
    events: {
        'click .custom-btn': function(index, layero, elem) { // 点击特定按钮
            // 这里写你的自定义操作
        },
        'form.formId.submit': function(index, form) { // 表单提交
            // 表单验证并处理数据
        },
        close: function(index, type) { // 关闭时执行
            console.log('对话框被关闭');
        }
    }
});