dialog 元素本身不返回值，其 returnValue 需手动通过 close() 设置，并在 close 事件中读取；默认为空字符串，仅支持字符串类型，且存在浏览器兼容性限制。
dialog 元素本身没有返回值
<dialog> 是一个原生 HTML 模态对话框元素，它不返回任何值——既不会像 prompt() 那样返回用户输入，也不会像 showModal() 调用后自动产出“结果”。它的“结果”完全由开发者手动定义和捕获。
常见误解是以为调用 dialog.showModal() 会阻塞并返回按钮点击类型（如 "ok" 或 "cancel"），但实际它只是打开模态框并立即返回 undefined。你需要监听 close 事件，并检查 dialog.returnValue 的值。
-
dialog.returnValue只在你主动设置时才有意义（例如点击确定按钮时执行dialog.close("confirmed")） - 如果用户按 Esc 或点击 backdrop 关闭，
dialog.returnValue默认为空字符串"" - 未调用
close()就直接移除或隐藏 dialog，returnValue不会被触发也不可读
如何正确读取 dialog.returnValue
必须在 close 事件回调中读取 dialog.returnValue，且该事件只在 close() 被调用后触发（包括用户交互关闭）。不能在 showModal() 后立刻读取。
<dialog id="myDialog">
<p>确认删除？</p>
<button id="confirmBtn">确定</button>
<button id="cancelBtn">取消</button>
</dialog>
<p><script>
const dialog = document.getElementById('myDialog');
const confirmBtn = document.getElementById('confirmBtn');
const cancelBtn = document.getElementById('cancelBtn');</p><p>confirmBtn.addEventListener('click', () => dialog.close('yes'));
cancelBtn.addEventListener('click', () => dialog.close('no'));</p><p>dialog.addEventListener('close', () => {
// ✅ 正确：此时 returnValue 已被设置
console.log('用户选择：', dialog.returnValue); // 输出 "yes" 或 "no"
});</p><p>dialog.showModal(); // 打开，但不阻塞，也不返回值
</script>- 如果没给
close()传参，dialog.returnValue就是"" -
close事件不会在dialog.close()调用前触发，所以此处读取是安全的 - 不要试图在
showModal()后写console.log(dialog.returnValue)—— 它还是空的
returnValue 的类型限制与兼容性注意点
dialog.returnValue 只接受字符串类型，传入数字、对象或布尔值都会被强制转成字符串（如 dialog.close(42) → dialog.returnValue === "42"），无法保留原始类型。
立即学习“前端免费学习笔记（深入）”；
- Chrome 97+、Edge 97+ 支持
returnValue；Firefox 从 116 开始支持（需启用dom.dialog_element.enabled） - Safari 目前（截至 Safari 17.5）仍不支持
<dialog>的showModal()和returnValue - 若需兼容旧浏览器，必须降级为自定义 modal + 状态变量管理，不能依赖
returnValue
容易忽略的关闭来源：Esc、backdrop 点击、浏览器前进/后退
除了显式调用 close()，用户按 Esc 键、点击半透明遮罩（backdrop）、甚至切换标签页再返回，都可能触发 close 事件，此时 dialog.returnValue 是空字符串 ""，不是 null 或 undefined。
- 判断逻辑别写成
if (dialog.returnValue)—— 这会把""当作 false，漏掉用户主动取消的情况 - 稳妥写法是：
if (dialog.returnValue === "yes") { ... } else if (dialog.returnValue === "") { /* Esc 或 backdrop 关闭 */ } - 若需区分关闭方式，建议统一用
close("cancel")/close("submit")显式赋值，避免依赖默认空值
真正难的不是怎么写这个例子，而是记住：所有“返回值”都来自你自己的 close() 调用，而不是浏览器自动赋予的语义。漏掉某处没设值，或者误判了空字符串的含义，后续逻辑就容易错位。
