动态生成的iframe内容上的Eventlistener不会触发

Question

我有一个chrome扩展程序，可以将iframe注入已加载的页面。 iframe的内容以编程方式生成。 它包括一个添加了单击事件侦听器的按钮。 但这并不总是会触发。 在大多数情况下，它可以工作，但其中一种不起作用的情况是，该扩展程序是刚装入的（如已安装）。 以下是我的代码的要旨，您看到任何问题吗？

content.js：

var frame = document.createElement("iframe");

frame.onload = function() {
    var doc = frame.contentDocument || frame.contentWindow.document;

    var closeButton = doc.createElement("input");
    closeButton.type = "button";
    closeButton.value = "X";
    closeButton.addEventListener("click", function() {
        document.body.removeChild(frame);
    });

    doc.body.appendChild(closeButton);
};

document.body.appendChild(frame);

的manifest.json

{
    "name": "eventlistener-bug",
    "version": "0.1",
    "content_scripts": [{
        "run_at": "document_idle",
        "matches": ["http://*/*", "https://*/*"],
        "js": ["content.js"]
    }],
    "permissions": ["http://*/*", "https://*/*"],
    "manifest_version": 2
}

Answer 1

到目前为止，这似乎是chrome中的错误。 已被报告并接受： https : //bugs.chromium.org/p/chromium/issues/detail?id=745771

计划对版本61进行修复。

可能的解决方法是重新添加事件侦听器，例如在iframe的鼠标悬停事件处理程序中。