关于动态生成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

到目前为止，它看起来这是在浏览器的错误。据报道，接受：https://bugs.chromium.org/p/chromium/issues/detail?id=745771

一个修复计划于61版

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