应在用户点击确认按钮时立即采集数据，再调用close()；dialog.returnValue不存在，仅event.returnValue在close事件中可用且仅为字符串；需用Promise封装showModal()并手动缓存数据。
close事件里拿不到用户输入，因为DOM可能已失效
很多人在close事件回调里直接读input.value或new FormData(form)，结果拿到空值或旧值。这不是bug，而是DOM生命周期决定的：dialog关闭后，焦点可能丢失、表单控件失活，甚至整个dialog节点被remove()或重置——此时再读取就晚了。
真正可靠的做法，是在用户明确触发“提交”动作（比如点确认按钮）的那一刻，立刻采集数据，再调用close()。别等close事件发生后再读。
- 监听
click或submit事件，而不是只靠close - 确保采集逻辑在
dialog.close()调用之前执行 - 如果用了
form[method="dialog"]，必须event.preventDefault()，否则页面可能刷新或跳转
dialog.returnValue不是数据容器，只是字符串标识
dialog.returnValue在所有主流浏览器（Chrome 97+、Firefox 99+、Safari 15.4+）中**根本不存在**。MDN和WHATWG标准从未定义它。你看到的dialog.returnValue = "ok"写法，要么是过时文档误导，要么是开发者自己加的属性（非标准，不可靠）。
真正能用的只有dialog.close("submit")传入的字符串——但它只是副作用，且仅在close事件的event.returnValue中可读（注意是event.returnValue，不是dialog.returnValue）。
立即学习“前端免费学习笔记（深入）”；
-
dialog.close("yes")→event.returnValue为"yes"（仅限close事件内） -
dialog.close()或按Esc关闭 →event.returnValue为""（空字符串，不是null或undefined） - 不能传对象、数组、布尔值；数字或布尔会强制转成字符串（
true→"true"）
用Promise封装showModal()才能真正“返回数据”
原生dialog.showModal()不返回Promise，也没有回调参数。想做到像prompt()那样“等待用户操作并拿到结果”，必须自己封装。
核心思路：监听close事件，用Promise resolve/reject把event.returnValue和手动采集的数据一并传出。但注意——event.returnValue只能给你动作标识，真实数据得靠你提前存好。
const showModalAsync = (dialog, dataCollector) => {
return new Promise((resolve) => {
const handler = () => {
// 这里dataCollector()应在close前已执行并缓存结果
resolve({ action: dialog.returnValue, data: dataCollector() });
dialog.removeEventListener('close', handler);
};
dialog.addEventListener('close', handler);
dialog.showModal();
});
};
// 使用时：
const result = await showModalAsync(myDialog, () =>
Object.fromEntries(new FormData(myDialog.querySelector('form')))
);
form[method="dialog"]不自动传数据，只是快捷关闭
<form method="dialog">唯一作用是：点击type="submit"按钮时，阻止默认提交，并调用dialog.close()。它**完全不读取、不序列化、不传递任何表单字段值**。
如果你指望写个method="dialog"就自动把input变成返回值，那一定会卡住。必须手动监听submit事件，做三件事：阻止默认、采集数据、显式调用close()。
- 不要把确认按钮写成
<button>放在form外，否则无法触发method="dialog"行为 - 若用
<button type="submit">，务必event.preventDefault()后再处理数据 -
dialog.close(JSON.stringify(data))只是把字符串塞进event.returnValue，不是真正传输结构化数据
input值还在DOM里，但你不主动读，它就永远静默。没有魔法钩子，也没有自动绑定——所有数据流转，都得你自己在正确时机、用正确方式拉一把。 
