Layui弹窗关闭防数据丢失需拦截右上角×：type:1用beforeClose+confirm，type:2 iframe需子页监听beforeunload及自定义关闭，并确保window.name不被覆盖；同时将非提交按钮设为type="button"并解绑全局submit监听。
用户在Layui弹窗中编辑表单时，点击右上角×关闭弹窗，表单内容尚未保存就直接销毁，导致数据丢失——这是后台管理系统中最常被投诉的体验断点之一。
监听右上角关闭按钮并拦截
在layer.open配置中加入beforeClose回调函数，该函数必须显式返回false才能阻止关闭动作发生。
方法一：基础拦截+确认提示
layer.open({
type: 1,
content: $('#editForm'),
beforeClose: function(){
if($('#editForm')[0].checkValidity && !$('#editForm')[0].checkValidity()){
return false;
}
if(hasUnsavedChanges()){
layer.confirm('表单有未保存的修改，确定要放弃？', {icon: 3}, function(index){
layer.close(index);
layer.close(layer.index);
});
return false;
}
}});
注意：beforeClose里不能直接调用layer.close()，否则会触发无限循环；必须靠confirm回调里手动关。
iframe子页面中关闭自身并校验
当弹窗是type:2 iframe加载的独立HTML文件时，关闭逻辑必须写在子页JS中，且索引获取方式完全不同。
第一步：在子页加载完成时立即获取父层index并缓存
var parentIndex = parent.layer.getFrameIndex(window.name);
第二步：绑定窗口卸载前检查（防刷新/跳转丢失）
window.addEventListener('beforeunload', function(e){
if(hasUnsavedChanges()){
e.preventDefault();
e.returnValue = '';
}});
第三步：为右上角×添加自定义监听（需配合layer的shadeClose: false）
$('.layui-layer-close').on('click', function(){
if(hasUnsavedChanges()){
layer.confirm('数据未保存，确定关闭？', function(){
parent.layer.close(parentIndex);
});
return false;
} else {
parent.layer.close(parentIndex);
}
});
【window.name必须保持原始值】若子页内使用Vue Router或history.pushState导致window.name被覆盖，getFrameIndex将返回undefined，后续关闭必然失败。
提交按钮与关闭按钮行为解耦
很多“幽灵提交”其实源于button默认type="submit"，点击×时事件冒泡意外触发表单submit。
方法1：重置所有按钮类型
给弹窗内所有非提交用途的按钮显式加上type="button"，包括右上角关闭按钮的包装元素（如果自定义了）。
方法2：移除表单submit监听的全局绑定
在弹窗打开前，临时解除Layui form模块对当前表单的submit监听：
layui.form.render();
layui.form.on('submit(*)', null); // 清空全部监听
// 然后手动为提交按钮绑定专属事件
这一步必须在layer.open之前执行，否则form模块已自动绑定，解绑无效。
