防止 <dialog> 在 Chrome 中按下 Esc 键时关闭

Question

<dialog>按下 Esc 时，Google Chrome 浏览器会关闭元素。似乎对按键有反应。

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

如何让 Google Chrome 在 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/