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

Question

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

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

如何使 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/