关闭的学问：closedby 与 light dismiss

「点对话框外侧的遮罩即关闭」——这个再常见不过的交互，从前要自己监听 ::backdrop 区域的点击（还得计算坐标判断是否点在内容上）。现在一个属性即可实现：<dialog closedby="…">。它有三个值，精确控制对话框能被哪些操作关闭。

不写 closedby 时浏览器按默认(auto)处理：showModal() 打开 ≈ closerequest（仅 Esc 可关）,show() 打开 ≈ none。下面选择一个值、打开对话框，逐一尝试「点遮罩」和「按 Esc」。

1 · close() vs requestClose()：把 cancel 接进流程

Esc / 点遮罩 这类「用户想关」的动作，在真正关闭之前会先派发一个 cancel 事件。在其中调用 preventDefault() 即可拦下关闭——这正是「尚未保存，确定要关吗？」的实现点。而 dialog.close() 是强制关闭、不经过 cancel;dialog.requestClose() 则是程序化地走一遍「用户请求关闭」流程（先发 cancel，没被拦才关）。