添加一个按钮，它在单击时调用内容脚本函数？

Question

我有Google扩展的content.js中的折叠代码：

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

该按钮已成功创建，但当我单击该按钮时，消息不会出现，并且在Google 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');
}