对话框元素“打开”事件

Question

对于对话框元素<dialog>，是否有某种“打开”事件在显示时触发，无论是正常还是模态？

The spec 对此并不完全清楚，MDN 只是列出了一堆继承的事件。

close 事件确实触发了，但我似乎无法获得任何类型的 open 事件。

示例 HTML：

<dialog>
  <h1>Oh hey, a dialog...</h1>
</dialog>

在 JavaScript 中：

document.querySelector('dialog').addEventListener('open', (e) => {
  console.log(e);
});
document.querySelector('dialog').showModal();

Answer 1

不，没有open 事件。

对话框有一个open 属性，可以确定它是否打开，但不幸的是，当这个转换时没有事件。