关闭layui弹窗时需彻底清空表单事件监听，否则会导致重复提交、状态错乱或内存泄漏；须按type区分处理dom定位，解绑委托事件需函数引用一致，iframe中需调用子页销毁接口。
关闭Layui弹窗时需彻底清空表单事件监听，否则残留的input、change等委托事件会持续响应用户操作，导致重复提交、状态错乱或内存泄漏。
确认弹窗类型并定位表单容器
先判断layer.open()中type值：若为type: 1（内嵌HTML），表单在当前页面DOM中；若为type: 2（iframe），表单在iframe.contentDocument内。type: 1时直接用document.querySelector('.layui-form')获取容器；type: 2必须先取得iframe引用，再访问其contentDocument。
【type: 2弹窗未取到iframe.contentDocument会导致后续所有清理失效】
销毁前解绑表单委托事件
方法一：移除.layui-form上的input事件委托（适用于实时监听场景）
执行：document.querySelector('.layui-form').removeEventListener('input', inputHandler); 其中inputHandler必须是与addEventListener时传入的**同一函数引用**，不能写匿名函数。
方法二：暴力清空整个容器事件监听（适用无法保留函数引用的场景）
创建新容器节点替换原节点：
const formEl = document.querySelector('.layui-form');
const newForm = formEl.cloneNode(true);
formEl.parentNode.replaceChild(newForm, formEl);
此操作会剥离所有绑定事件，但需注意：若表单含laydate、select等已渲染组件，UI将丢失，必须重新render。
清理Layui模块级事件监听
第一步：获取form模块实例
layui.use('form', function(form) { window.layuiFormRef = form; });
第二步：在layer的end回调中注销所有监听
layer.open({
type: 1,
content: '
end: function() {
if (window.layuiFormRef) {
// 清空所有form.on绑定的事件
window.layuiFormRef.off();
}
}
});
第三步：手动清除可能存在的全局事件监听
例如通过$(document).off('click', '.submit-btn')解绑的自定义按钮事件，需在end中显式调用对应off()，且选择器和回调函数必须严格一致。
iframe弹窗中同步清理子页事件
子页/form.html中暴露销毁接口：
window.onDestroy = function() {
document.querySelector('.layui-form')?.removeEventListener('input', inputHandler);
layui.use('form', f => f.off());
};
父页end中调用：
end: function(index, layero) {
const iframe = layero.find('iframe')[0];
if (iframe && iframe.contentWindow) {
try { iframe.contentWindow.onDestroy?.(); } catch(e) {}
}
}
