dialog.close() 不支持直接传参，必须先赋值 dialog.returnValue 再调用 close()；该值仅在 close 事件中通过 e.returnValue 读取，且仅对 showModal() 有效，旧版 Firefox 和 Safari 兼容性有限。
dialog.close() 本身不支持 returnValue 参数
直接调用 dialog.close() 无法传入值——这个方法签名就是无参的，returnValue 不是它的参数。你看到的 returnValue 是 dialog 元素自身的属性，必须在调用 close() 之前手动赋值。
正确写法：先设 dialog.returnValue，再 close()
回传数据的关键顺序不能错：先给 dialog.returnValue 赋值（任意类型，字符串/数字/对象都行），再调用 close()。浏览器会在后续的 close 事件中把该值暴露在事件对象的 returnValue 属性里。
示例：
<dialog id="myDialog">
<p>确认删除？</p>
<button onclick="this.closest('dialog').returnValue='confirm'; this.closest('dialog').close()">确定</button>
<button onclick="this.closest('dialog').returnValue='cancel'; this.closest('dialog').close()">取消</button>
</dialog>
<script>
const dialog = document.getElementById('myDialog');
dialog.addEventListener('close', (e) => {
console.log('返回值：', e.returnValue); // → 'confirm' 或 'cancel'
});
dialog.showModal();
</script>
注意 returnValue 只在 close 事件中有效，且仅对 showModal() 生效
dialog.returnValue 的值只在用户主动关闭（包括点击 backdrop、Esc、或显式调用 close()）触发的 close 事件中可用；如果是用 close() 关闭但没监听 close 事件，值就丢了。
立即学习“前端免费学习笔记（深入）”；
-
showModal()才支持returnValue；show()不支持，调用后e.returnValue恒为"" - 如果 dialog 被脚本强制移除（如
remove()），close事件不会触发，returnValue无法读取 - Firefox 直到 117+ 才完全支持
returnValue（旧版会静默忽略赋值），Safari 16.4+ 开始支持，Chrome 95+ 稳定可用
替代方案：不用 returnValue，改用自定义事件或 Promise 封装
如果需要更可控的数据传递、兼容老浏览器、或要支持异步操作（比如提交表单后再关闭），直接绕过 returnValue 更可靠。
常见做法是封装一个 showDialog() 函数，返回 Promise：
function showDialog(dialogEl) {
return new Promise((resolve) => {
const onClose = (e) => {
dialogEl.removeEventListener('close', onClose);
resolve(dialogEl.returnValue);
};
dialogEl.addEventListener('close', onClose);
dialogEl.showModal();
});
}
// 使用
showDialog(myDialog).then(value => {
if (value === 'confirm') handleDelete();
});
这样既避开浏览器差异，又自然支持 await，也方便注入清理逻辑。
真正容易被忽略的是：returnValue 不是“传参”，而是“状态快照”——它只在 close 事件那一刻被读取一次，之后清空。别指望在事件外还能访问它。
