我用javascript创建了一个名为userChat的类，我希望能够在userChat类中添加一个click事件处理程序，这样当我点击userChat时，它将发送给我我正在点击的用户的名称，问题是我添加了一个addEventListener，但它没有工作，我不知道我做错了什么，请您帮助我，非常感谢。
function updateUsers(socket){
socket.on('updateUsers',function(data){
let usuarios = document.querySelector('#usuarios');
usuarios.innerHTML='';
for(let i = 0; i < data.users.length; i++){
let us = `<div class ="userChat">` +data.users[i] +`</div>`;
usuarios.innerHTML += us;
let userchat = document.querySelector('.userChat');
userchat.addEventListener('click',function(){
console.log('estas tocando al usuario: '+data.users[i]);
});
}
});
}
这样试试
let us = `<div class ="userChat" onclick='getUser(data.users[0])'>` +data.users[i] +`</div>`;
function getUser(user){
// user
}
您正在尝试向刚刚在js中创建的元素添加一个事件侦听器（在本例中为letus=...)。您应该将这个侦听器添加到已经在DOM中的这个元素的父元素中，然后您可以检查这个点击是否是由您的元素触发的。换句话说，您需要将此事件“委托”给父元素（事件委托）。例如:
<parent-element>.addEventListener('click', function (e) {
if (e.target && e.target.classList.contains('userChat')) {
//do something
}
});
