防止 <dialog> 在 Chrome 中关闭 keydown Esc

Question

Google Chrome 会在按下 Esc 时关闭 <dialog> 元素。似乎正在对 keydown 做出反应。

Firefox 没有。这是预期的行为，因为关闭任何按键都很容易实现。

如何让谷歌浏览器在 Esc 上打开对话框？

请看小提琴https://jsfiddle.net/zeqo7kaf/1/

我已经实现了window's、document's、body's、dialog's 键事件（向上、向下和按下）以防止传播，但在我看来这是以上 dom 事件。

（要在 Firefox 中查看对话框，请转到 about:config 并将属性 dom.dialog_element.enabled 设置为 true）。

Answer 1

你可以尝试使用cancel事件：MDN

dialog.addEventListener('cancel', (event) => {
    event.preventDefault();
});

修改后的 JSFiddle：https://jsfiddle.net/7et3hf8p/