javascript - Chrome 内容脚本无法附加侦听器

Question

据我所知，您应该能够从内容脚本中附加事件侦听器。为了把它归结为最基本的东西，我有这个内容脚本：

if (document.getElementsByTagName('img')) {
    alert('This will fire');
    document.getElementsByTagName('img')[0].addEventListener('onclick', function() {
        alert('This will not fire');
    });
}

我什至尝试使用内容脚本将脚本元素注入页面。但是，注入的脚本也不能附加事件处理程序。

作为参考，这是我的 manifest.json 的片段：

  "content_scripts": [{
    "matches": [
        "http://*/*",
        "https://*/*"
    ],
    "run_at": "document_end",
    "js": ["js/contentscript.js"],
    "all_frames": true
  }]

我过度使用权限只是为了确定这不是问题。

具体来说，我想处理img.onclickand window.onresize。我可能哪里出错了？

---

编辑：好的，由于一个愚蠢的错字，它现在可以在常规内容脚本中工作，但是当页面加载到 iframe 中时我无法让它工作。

Answer 1

element.addEventListener('click', function(){});

或者

element.onclick = function(){};

代替

element.addEventListener('onclick', function(){});