单击时添加一个调用内容脚本功能的按钮？

Question

我在Google Chrome扩展程序的content.js中有以下代码：

jQuery(document).ready(function () {
    jQuery("body").html('<input type="button" id="soso" value="asd" onclick="goFrame()" />');
});
function goFrame() {
    alert('Value');
}

按钮创建成功，但是当我点击它时，消息没有出现，我在谷歌Chrome控制台中收到了以下错误：

  

未捕获的ReferenceError：未定义goFrame

Answer 1

首先阅读Chrome extension code vs Content scripts vs Injected scripts。

要解决此问题，请删除内联事件侦听器，并动态绑定事件：

    ...
    var $input = $('<input type="button" id="soso" value="asd">').click(goFrame);
    jQuery("body").html($input);
});
function goFrame() {
    alert('Value');
}