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

【问题标题】：Event listeners/onclick events for buttons created in javascript function在 javascript 函数中创建的按钮的事件侦听器/onclick 事件
【发布时间】：2019-01-18 22:51:05
【问题描述】：

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

我尝试在 javascript 中编辑按钮 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。相反，我没有得到任何回应。

【问题讨论】：

真正的用法是 = doneButton.onclick = buttonB;
完美，有效。
javascript to create a button with onclick的可能重复
很高兴有帮助。我添加它作为回复。也请接受我的回答:)
How to add onclick event while creating an element with JavaScript?的可能重复

标签： javascript html css

【解决方案1】：

正确用法如下

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

【讨论】：

【解决方案2】：

这对我有用：

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

【讨论】：