javascript - 防止 在 Chrome 中按下 Esc 键时关闭

Question

Google Chrome 关闭 <dialog>按下 Esc 时的元素。似乎对 keydown 有反应。

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

如何让 Google Chrome 在 Esc 上保持对话框打开？

请参阅 fiddle https://jsfiddle.net/zeqo7kaf/1/

我已经实现了window的，document的，body的，dialog的关键事件(向上、向下和按下)以防止传播，但在我看来，这是在 dom 事件之上。

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

Answer 1

您可以尝试使用cancel事件:MDN

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

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