我有一个简单的websocket聊天应用程序,由三个文件组成:,和。html是两个输入框和一个发送按钮,但是发送按钮在第一次单击后停止工作。我知道事件处理程序不是问题所在,因为如果我删除,它就会一直工作。代码如下:
server.jsconst wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', (ws) => {
console.log("New connection");
ws.on('message', (data) => {
console.log(`New message: ${data}`)
wss.clients.forEach((client) => {
if (client.readyState === WebSocket.OPEN) {
client.send(data);
}
});
});
});
client.jsconnection.onopen = (event) => {
console.log("WebSocket is open now.");
};
connection.onclose = (event) => {
console.log("WebSocket is closed now.");
};
connection.onerror = (event) => {
console.error("WebSocket error observed:", event);
};
connection.onmessage = (event) => {
const chat = document.querySelector('.chat');
chat.innerHTML += event.data;
}
const button = document.querySelector('#send');
button.addEventListener('click', () => {
console.log('click');
const name = document.querySelector('#name');
const message = document.querySelector('#message');
const data = `
${name.value}: ${message.value}
`connection.send(data); // Removing this line makes it work
name.value = "";
message.value = "";
})
index.html
IndexSend