元素不支持 onclose 内联属性；关闭时需监听 close 事件，通过 dialog.close(value) 设置 dialog.returnvalue，再在事件中读取；cancel() 触发 cancel 事件且 returnvalue 为空；safari 16.4+ 才支持 returnvalue 参数，旧版静默忽略。
dialog 元素没有 onclose 属性
HTML <dialog></dialog> 原生标签不支持 onclose 这类内联事件属性（比如 onclose="handler()"），这是常见误解。它没有类似 onclick 那样的原生内联事件绑定机制，更不会自动传递“返回值”——<dialog></dialog> 本身不定义关闭时的返回值语义。
关闭后如何获取实际触发源和状态
真正能用的是 close 事件（注意：是小写 close，不是 onclose），它在调用 dialog.close() 或用户按 Esc、点击 backdrop 后触发。但该事件对象本身不含返回值；返回值需由你主动设置：
-
dialog.close()接受一个可选参数，作为“关闭理由”，例如：myDialog.close('confirmed')或myDialog.close('canceled') - 这个值会成为
dialog.returnValue的内容，在close事件处理中可读取：myDialog.addEventListener('close', () => {<br> console.log(myDialog.returnValue); // 'confirmed'<br>}); -
dialog.returnValue默认为''（空字符串），不是undefined，未显式传参时需注意判空
点击 backdrop 或 Esc 关闭时 returnValue 是空字符串
用户主动关闭方式不同，returnValue 行为有差异：
- 调用
dialog.close('submit')→returnValue === 'submit' - 按
Esc键 →returnValue === '' - 点击半透明 backdrop（前提是
modal模式且未禁用）→returnValue === '' - 调用
dialog.cancel()→returnValue === ''（且会触发cancel事件而非close）
所以不能只监听 close 事件就认为“用户做了选择”；需要结合 cancel 事件区分取消行为，或统一用 close + 显式 close(value) 控制流程。
实际使用中容易漏掉的兼容性与初始化细节
<dialog></dialog> 在 Safari 中直到 16.4+ 才支持 returnValue 和 close(value)，旧版 Safari（包括 iOS 16.3 及更早）会静默忽略参数，returnValue 始终为空。另外：
- 必须先调用
dialog.showModal()，close()才有效；show()模式下close()不触发close事件 - 不要依赖
event.target.returnValue—— 正确写法是dialog.returnValue，因为事件对象本身没有returnValue字段 - 如果 dialog 内部有表单，建议用按钮
type="submit"+formmethod="dialog"，提交后自动 close 并设returnValue为表单数据（仅 Chromium 支持，非标准）
想跨浏览器稳定传值，目前最稳妥的方式仍是手动管理状态变量，在按钮点击时记录意图，再调用 close()，而不是依赖 returnValue 的自动流转。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
