HTML设置按钮只能激发一次,WebSocket Connection.Send仅激发一次

我有一个简单的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

Index

Send

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值