Question

我在Typescript中动态创建Button元素时遇到了问题。我正在从外部配置中读取属性并相应地创建按钮。

按钮出现在屏幕上。仅应用“点击”功能。我尝试在按钮点击时发出警报，单击按钮时不会出现。没有错误，没有输出。

以下是我的代码段：

for(var i=0; i< myArr.length; i++)
                     {
                       var button1 = document.createElement('button');
                       button1.textContent = "Connect To button " + [i];
                       button1.click = function()
                     {
                         alert("inside btn click function ");
                     }
                      docContent.appendChild(button1);
                     };

任何人都可以帮忙找出需要改变的内容吗？

Answer 1

您必须将click事件监听器附加到您的按钮，如下所示：

button1.addEventListener('click',()=>{
    //This would be your callback function for the click event on button
})

Answer 2

默认事件侦听器是“onclick”，而不是“click”。只是为了：

button1.onclick = function() {alert('Clicked!');}

工作小提琴here。

在Typecsript中没有调用按钮单击功能

2 个答案: