HTML 的 <dialog> 标签没有 closedby 属性；其关闭行为需通过 dialog.close() 方法传参、监听 close 事件读取 returnValue，或手动处理遮罩点击来区分关闭来源。
HTML 的 <dialog> 标签**没有** closedby 属性。
dialog 标签的原生关闭机制
<dialog> 是原生模态对话框元素，其关闭行为由 JavaScript 方法和浏览器默认交互控制，不依赖自定义属性：
-
dialog.close()：显式关闭，可传入可选字符串参数作为关闭原因（如dialog.close('cancel')），该值会反映在dialog.returnValue中 - 点击背景遮罩（overlay）默认**不会关闭** dialog —— 这是关键点，需手动监听
click事件并调用close() - 按 Esc 键默认会关闭 dialog（前提是 dialog 已 open）
- 无内置属性控制“谁触发了关闭”，也没有
closedby、close-trigger等标准属性
如何实现类似 “closedby” 的行为
若需区分关闭来源（如点击确认按钮 vs 取消按钮 vs 点击遮罩），可通过以下方式记录：
- 为不同关闭操作绑定独立逻辑：给「确定」按钮加
onclick="dialog.close('confirm')"，「取消」按钮加onclick="dialog.close('cancel')" - 监听
close事件，在事件处理中读取dialog.returnValue判断关闭原因 - 对遮罩层关闭做特殊处理：监听 dialog 父容器或 document 的 click，检查点击目标是否为遮罩区域，再调用
close('overlay')
常见误区提醒
部分开发者误以为存在 closedby 属性，可能是混淆了以下情况：
立即学习“前端免费学习笔记（深入）”；
- 某些 UI 框架（如 Bootstrap、MUI）的对话框组件提供
closeReason或类似 API，但它们不是原生<dialog>的一部分 - 将
event.target或自定义 data 属性当作标准属性使用 - 误读过时文档或未更新的博客内容
原生 <dialog> 行为简洁可控，但关闭逻辑需主动管理，不能依赖不存在的属性。
