Javascript $（文档）。单击（）不在chrome扩展中工作

我正在创建一个chrome插件，它在我添加到页面底部的div标签中显示在网页上单击的元素。 当我点击浏览器操作时，插件显示在我设计的底部。但是脚本中的另一部分不起作用

我对chrome插件真的很陌生，拜托他

manifest.json

   {
"name": "Iframe",
"description": "",
"version": "1",
"manifest_version": 2,
 "background":{
    "scripts":["background.js"]
},
 "browser_action": {
"default_title": "Make this page red"
 },
       "permissions": [
    "<all_urls>"
]
}

我找到了解决办法

将单击添加到文档的事件侦听器

 document.addEventListener("click", 
    function (e) {
        e.preventDefault();
 var domEl = e.target.id.toString();
 domEl += e.target.className.toString();
 domEl += e.target.toString();
 domEl += e.target.innerHTML;*/

 document.getElementById('ospy').innerHTML += domEl;
    }, 
    false);

 document.addEventListener("click", 
    function (e) {
        e.preventDefault();
 var domEl = e.target.id.toString();
 domEl += e.target.className.toString();
 domEl += e.target.toString();
 domEl += e.target.innerHTML;*/

 document.getElementById('ospy').innerHTML += domEl;
    }, 
    false);