对话框元素'open'事件

时间:2018-03-06 02:37:29

标签: javascript html5 dialog modal-dialog html-5.2

对于对话框元素<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();

1 个答案:

答案 0 :(得分:1)

否,没有open事件。

该对话框具有open属性,可以确定该对话框是否打开,但是不幸的是,转换时没有任何事件。