在javascript函数中创建的按钮的事件监听器/ onclick事件

Question

我有一个javascript按钮（按钮A），单击它会生成一些新元素，包括另一个按钮（按钮B）。我想要一种监听按钮B，然后执行单独功能的方法。

我尝试在javascript中编辑Button B的'onclick'属性。这没有用。

HTML：

 <input id="addTaskButton" type="submit" value="add task" onclick="addTaskFunction()"></input>

Javascript：

function buttonB()
{
// Not working
}

function addTaskFunction()
{
 var doneButton = document.createElement("BUTTON");
 doneButton.id = "doneButton";
 doneButton.innerHTML = "DONE";
 doneButton.onclick = "buttonB()";
}

我希望监听程序在运行时执行buttonB。相反，我没有任何回应。

Answer 1

这对我有用：

doneButton.onclick = function(){buttonB()};

Answer 2

正确用法如下

function addTaskFunction()
{
 var doneButton = document.createElement("BUTTON");
 doneButton.id = "doneButton";
 doneButton.innerHTML = "DONE";
 doneButton.onclick = buttonB;
}