将事件侦听器添加到动态创建的 div答案

【问题标题】：Adding Event Listener to dynamically created divs将事件侦听器添加到动态创建的 div
【发布时间】：2014-05-27 05:41:51
【问题描述】：

我正在尝试将单击事件侦听器添加到我在 JS 中动态创建的 div 中。

我每次创建Div时调用的函数的Javascript sn-p：

var listDiv = document.createElement("div");
listDiv.className = "list";
listDiv.addEventListener = ('click',gotoOutcomesLO, false);

点击事件调用的函数：

function gotoOutcomesLO(e){
if(typeof(Storage)!=="undefined"){
        var ele = e.target;
        var text = ele.getAttribute("name");
        sessionStorage.test = text;
}
}

我没有看到任何点击事件添加到我的 HTML 中，并且不确定出了什么问题。任何指针都会有所帮助！谢谢！

【问题讨论】：

在listDiv.addEventListener = ('click',gotoOutcomesLO, false);中删除=

标签： javascript html event-handling dom-events

【解决方案1】：

改变

listDiv.addEventListener = ('click',gotoOutcomesLO, false);

到

listDiv.addEventListener('click',gotoOutcomesLO, false);

【讨论】：

【解决方案2】：

addEventListener 是一个函数remove equal：

var listDiv = document.createElement("div");
listDiv.className = "list";
listDiv.addEventListener('click', gotoOutcomesLO, false);

function gotoOutcomesLO(e) {
    if(typeof(Storage)!=="undefined") {
        var ele = e.target;
        var text = ele.getAttribute("name");
        sessionStorage.test = text;
    }
}

另外我猜你将 listDiv 附加到一个节点......

【讨论】：

【解决方案3】：

这里是javascript点击事件

var listDiv = document.createElement("div");
listDiv.className = "list";
listDiv.onclick = function(){
   alert('onclick fired')
}

【讨论】：

不要使用 onclick 属性 :(
使用电锯切肉作品。这仍然不意味着我们应该放弃刀。