javascript - 动态创建的 html 的事件监听器

Question

我正在动态生成 html，我希望我添加的元素具有事件监听器。 “board”div 在我的 html 文件中，我创建了“myDiv”元素。这部分有效。

var board = document.getElementById("board");
var myDiv = document.createElement('div');
myDiv.innerHTML="this is my div";

然后我尝试向“myDiv”div 添加一个事件监听器。我已经尝试了以下所有方法:

myDiv.onclick=function(){alert('click')};

myDiv.addEventListener('click', function(){alert('click')});

myDiv.onclick=myFunction //myFunction just creates an alert like the others

然后我将“myDiv”元素附加到板中。它按预期显示在屏幕上

board.appendChild(myDiv);

div 元素按预期显示，当我在 Chrome 中打开 JavaScript 控制台时，看起来那部分是正确的。此外，JavaScript 控制台显示“myDiv”div 上附加了一个“click”事件监听器，但从未出现过应有的警报。我该如何解决这个问题？

Answer 1

根据我关于禁用警报的评论。

在 Firefox 下:在您的地址栏中输入 about:config 并尝试切换

prompts.tab_modal.enabled

Source