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

时间:2016-09-28 05:15:00

标签: javascript jquery html events mouseevent

hello =)我正在尝试创建一个包含一些文本的标题标记。

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});

并且它们似乎都没有工作。我已经抛出了几个跟踪器,一切都运行良好没有语法错误,但附加到文档时的实际元素根本没有绑定它的功能。有人会碰巧知道为什么吗?在此先感谢=)

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

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);

1 个答案:

答案 0 :(得分:1)

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