javascript - 添加一个在点击时调用内容脚本函数的按钮？

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');
}

该按钮已成功创建，但是当我单击它时，该消息未出现，并且在 Google Chrome 控制台中出现以下错误：

未捕获的 ReferenceError：未定义 goFrame

Answer 1

首先阅读Chrome 扩展代码 vs 内容脚本 vs 注入脚本。

为了解决这个问题，去掉内联事件监听器，动态绑定事件：

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