Question

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

我的每次调用功能的Javascript片段创建Div：

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

click事件调用的函数：

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

我没有看到任何点击事件添加到我的HTML中，也不确定是什么错误。任何指针都会有所帮助！谢谢！

Answer 1

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

到

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

Answer 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追加到节点......

Answer 3

这是javascript点击事件

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

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

3 个答案: