跳到主要内容

事件

2024年10月16日
柏拉文
越努力，越幸运

一、onclose​

1.1 认识​

WebSocket.onclose 属性返回一个事件监听器，这个事件监听器将在 WebSocket 连接的 readyState 变为 CLOSED 时被调用，它接收一个名字为 close 的 CloseEvent 事件。

1.2 语法​

const socket = new WebSocket("ws://localhost:3000");

socket.addEventListener("close", () => {
  console.log("WebSocket 连接关闭");
});

二、onerror​

2.1 认识​

当 websocket 的连接由于一些错误事件的发生 (例如无法发送一些数据) 而被关闭时，一个 error 事件将被引发。

2.2 语法​

const socket = new WebSocket("ws://localhost:3000");

socket.addEventListener("error", (error) => {
  console.error("WebSocket error:", error);
});

三、onmessage​

3.1 认识​

message 事件会在 WebSocket 接收到新消息时被触发。

3.2 语法​

const socket = new WebSocket("ws://localhost:3000");

socket.addEventListener("message", (event) => {
  console.log("接收到服务端消息: %s", event.data);
});

四、onopen​

4.1 认识​

WebSocket.onopen 属性定义一个事件处理程序，当 WebSocket 的连接状态 readyState 变为1时调用。这意味着当前连接已经准备好发送和接受数据。这个事件处理程序通过事件（建立连接时）触发。

4.2 语法​

const socket = new WebSocket("ws://localhost:3000");

socket.addEventListener("open", () => {
  console.log("WebSocket 连接成功");
  socket.send("Hello WebSocket");
});