在 Javascript 中动态设置 onclick 函数不起作用

Question

你好=）我正在尝试创建一个带有一些文本的标题标签。

var d = document.createElement("h5");
d.innerHTML = "Dungeon";

然后分配一个 onclick 侦听器。

d.onclick = function(){myFunction()};

这似乎不起作用。我也试过

d.onmousedown = function(){myFunction();};

和

d.onclick = "myFunction()";

和

d.addEventListener("mousedown", function(){myFunction});

和 none 似乎在工作。我在它周围添加了几个跟踪器，一切都运行良好，没有语法错误，但是附加到文档的实际元素根本没有绑定到它的函数。有人会碰巧知道为什么吗？提前致谢 =)

编辑：这是我的代码的更详细的块。这会有什么不同吗？

var x = document.createElement("ul");
var y = document.createElement("li");
x.appendChild(y);
var d = document.createElement("h5");
d.innerHTML = "Dungeon";
y.appendChild(d);
console.log(0);
d.onclick = function() { alert('test'); }
console.log(1);

Answer 1

elem.addEventListener("click", function, false);

在 Javascript 中动态设置 onclick 函数不起作用

Setting onclick function dynamically in Javascript not working

html

javascript

jquery

events

mouseevent