Javascript 事件不会在chrome插件中触发

所以，我一直在反复讨论这个问题。我想要的是在按下网站上的按钮时执行som代码（在injected.js文件中）。我想运行我自己编写的代码

这应该可以做到吗？我已经查过了，这是从开发者文档中获取的：

内容脚本在称为隔离世界的特殊环境中执行。它们可以访问所注入页面的DOM，但不能访问页面创建的任何JavaScript变量或函数它在查看每个内容脚本时，就好像在其运行的页面上没有其他JavaScript执行一样。反过来也是如此：页面上运行的JavaScript不能调用任何函数或访问内容脚本定义的任何变量

如示例所示，在同一页上也可以找到(http://developer.chrome.com/extensions/content_scripts.html#execution-（环境）我应该能够在单击按钮时将click事件附加到某个东西，并从同一个.js文件执行代码？对吧?

不管怎样，以下是我编写的代码：

$sidebar = $('<div><div></div></div>')
    .css('background', '#eee')
    .css('width', '20%')
    .css('position', 'fixed')
    .css('right', '0px')
    .css('top', '0px')
    .css('height', '100%');

$form = $('<br/><center><div class="input-append">\
  <input class="span2" id="add_cat_input"  type="text">\
  <button class="btn" type="button">Add category</button>\
  </div>\
  <div class="input-append"><select id="categories">\
  <option>A</option>\
  <option>B</option>\
  <option>C</option>\
  <option>D</option>\
  <option>E</option>\
</select>\
<button class="btn" type="button">Edit</button><button class="btn" type="button">Delete</button>\
</div></center>');

$('body').prepend($sidebar);
$sidebar.append($form);

$(document).ready(function() {
    console.log(document.getElementById("add_cat_input"));
    document.getElementById("add_cat_input").addEventListener("click", function() {
        console.log('hej');
}, false);
});

在路上，我尝试使用某种形式的信息发布，但这行：

var port = chrome.extension.connect();

获取此错误：

Port error: Could not establish connection. Receiving end does not exist. 

---

绑定到

click

listener的元素

add\u cat\u input

不是一个按钮，而是一个文本字段。“添加类别”按钮在您的代码中没有id。

绑定到

click

listener的元素

Add\u cat\u input

不是一个按钮，而是一个文本字段。“添加类别”按钮没有id。顺便说一句，您的

权限部分不包括
https://*/*/*
，而内容脚本被注入https://...“我会在第二个斯坦身上试试，这可能是问题所在：）哥们，就是这样！谢谢你的通知！做一个回答，我就接受它=）
Port error: Could not establish connection. Receiving end does not exist.