$(document）.click(）在chrome扩展中不起作用

$(document).click() not working in chrome extension

本文关键字：扩展 不起作用 chrome click document      更新时间：2024-03-23

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

我真的是铬插件的新手，请他

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>"
]
}

myscript.js

   var iframe = document.createElement("iframe");
    var div = document.createElement("div");
   div.setAttribute("src", "");
   div.setAttribute("style", "position:fixed; z-index:10000;bottom:0px;left:0px; border:none; width:100%; height:100px; background-color:#ccc;border:#000 solid 3px;");
  div.setAttribute("scrolling", "no");
  div.setAttribute("frameborder", "0");
  div.setAttribute("id","ospy");
  var domEl= "test56";
  document.body.appendChild(div);
  document.getElementById('ospy').innerHTML += domEl;
  //this part of the code is not working
 $(document).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;
});

我得到了解决方案，

它是添加点击到文档的事件监听器，

 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);
相关文章：