如何确保浏览器中的所有键盘事件均由一个处理程序接收

Question

我遇到了有关键盘事件（例如 keydown 事件）的问题。该应用程序是完全使用 JavaScript 和 DOM 操作构建的单页 Web 应用程序。

所有键盘处理均由添加到文档中的单个处理程序处理。

document.addEventListener("keydown", handler, true);

然后，该处理程序对键盘事件进行解码，并将内部键代码委托给应用程序框架。

DOM 树仅由 DIV 元素和文本节点组成。

现在，当添加具有外部 HTML 文档的 iframe，并且它包含可以接收焦点的元素时，原始处理程序将被绕过。将关键事件流恢复到原始处理程序的唯一方法是将焦点设置到主文档。

因此，iframe 添加的新文档似乎绕过了原始文档中的捕获/冒泡事件链。

这已经在chrome中进行了测试以供参考，但实际应用程序运行在机顶盒中的嵌入式Web浏览器上，该Web浏览器是基于Webkit的。

机顶盒没有鼠标界面，因此唯一的输入是来自遥控器的按键事件。这给我们带来了一个问题，因为我们不想在使用 iframe 加载其他页面时失去对关键事件的控制。

使用事件处理程序进行 DOM 操作并检测何时添加 iframe 并将主键事件处理程序添加到新插入的文档是唯一的解决方案吗？或者是否有一种方法可以确保按键事件处理程序始终接收浏览器窗口内的所有按键事件。

编辑

我刚刚意识到事件处理程序可以添加到窗口对象中，我也会尝试一下。

编辑

将按键事件处理程序添加到窗口对象不会改变任何内容。

Answer 1

通过使用以下解决方法解决：

    document.addEventListener("DOMNodeInserted", function (event) {
        if(event.type === "DOMNodeInserted") {
            if(event.srcElement.nodeName === "IFRAME") {
                event.srcElement.addEventListener("keypress", function(kevent) {
                    document.dispatchEvent(kevent);
                    }, true);
             }
         }
    },true);

这会在捕获阶段将关键事件从子 iframe 传播到主文档中。