Javascript:将文本从 li 项目传递到 onclick 函数

Question

我正在用 js/java 制作一个聊天应用程序。它的旁边有一个在线用户列表，我希望用户的名字是可点击的，这样如果你点击他们，你就可以向那个人发送私有(private)消息。一切正常，我测试了下面的代码，以确保单击用户名会触发该功能(button())。

我需要它做什么:在函数 updateChat() 中，行 id("userlist")，它需要能够将单击的列表项中的文本传递到函数 Button()。我需要将该用户名设置为变量，以便该用户下次发送消息时，将其发送给该用户而不是广播。

它不会让我将“用户”作为参数传递，而且我不知道如何传递该文本。谢谢

var privmsg = "";
function updateChat(msg) { // Update chat-panel and list of connected users
    let data = JSON.parse(msg.data);
    id("chat").insertAdjacentHTML("afterbegin", data.userMessage);
    id("userlist").innerHTML = data.userlist.map(user => "<li role=\"presentation\" 
        class=\"link\" value=\"thing\" onclick=\"button(user)\"><span>" + user + "</span>
        </li>").join("");
}

function button(newuser){
    String(newuser);
    privmsg = newuser;
}

Answer 1

您只需将 user 作为 string 参数连接到被调用的函数，例如

button('" + user + "')

这是示例片段

var users = ["A", "B", "C"];



document.getElementById("userlist").innerHTML = users.map(function (user) {
        return "<li role=\"presentation\" \n        class=\"link\" value=\"thing\" onclick=\"button('" + user + "')\"><span>\" + " + user + " + \"</span</li>";
});       
        
        
function button(newuser){
    alert(newuser)
    privmsg = newuser;
}

<ul id="userlist"></ul>