chrome 扩展中未添加事件侦听器

Question

跟进：

Submit data from content script injected form (chrome extension)

以下内容脚本中未添加 on click 事件侦听器 ( 我正在尝试使用

将消息从注入的表单发送到内容脚本

https://developer.chrome.com/docs/extensions/mv2/messaging/ ):

add-extension-content-script.js：

var form_element = htmlToElement(
    `
        <form>
            <label for="fname">First name:</label><br>
            <input type="text" id="fname" name="fname" value="John"><br>
            <button id="idSendButton" type="button" class="btn btn-secondary">Send</button>
        </form> 
    `
);

var current_title_bar = document.getElementById("global-nav");
current_title_bar.appendChild(form_element); // <= OK, this gets added 

document.getElementById("idSendButton").addEventListener('click', function () {
    console.log('We don\'t get here :( ' + document.getElementById("fname").value);
    chrome.runtime.sendMessage({"name" : document.getElementById("fname").value}, function(response) {
        console.log('Got response: ' + response.farewell);
      });

为什么没有调用监听器？单击按钮时没有引发事件/控制台输出。