主页 / 问题 / 941711
Accepted
skoriy
Asked:2020-02-07 03:44:45 +0000 UTC2020-02-07 03:44:45 +0000 UTC

在循环中将侦听器添加到 div

  • 772

我想显示在线、离线聊天用户并在单击此类用户之一 (div) 时分配某些逻辑。有一个 JSONArray，我依次循环读取 JSONObject，如下所示：

socket.onmessage = function(evt){
var json = JSON.parse(evt.data);
var online = json.Online;
var offline = json.Offline;
    for(var i = 0 ; i < online.length ; i++){
        var current = online[i];

        var div = document.createElement("div");
        var p = document.createElement("p");
        p.innerHTML = current.login;
        div.appendChild(p);
        document.getElementById("People").appendChild(div);

        div.addEventListener("click" , dialog(div));

    }
}   

function dialog(div){
    alert("I am here");
    div.style.background = "blue";
    div.style.height = "50px";
    div.style.width = "100px";
}

我希望当单击其中一个 div 时，对话框功能将起作用，并且单击的这个 div 将传递给它。

整个问题是侦听器在我没有点击的情况下为我工作当我加载页面并且 JSONArray 到达时，dialog() 为我工作并且我看到了警报。

javascript

1 个回答

  1. Best Answer
    div.addEventListener("click" , dialog);
...

function dialog(){
    alert("I am here");
    this.style.background = "blue";
    this.style.height = "50px";
    this.style.width = "100px";
}
    • 0

相关问题