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 控制台中收到以下错误:

Uncaught ReferenceError: goFrame is not defined

Answer 1

先读 Chrome extension code vs Content scripts vs Injected scripts .

要解决这个问题，摆脱内联事件监听器，动态绑定(bind)事件:

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