↑ arvau

MDN / WebSocket: close event

The close event is fired when a connection with a WebSocket is closed.

Syntax

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("close", (event) => { })

onclose = (event) => { }

Event type

A [` {{APIRef(“WebSockets API”)}}{{AvailableInWorkers}}

The close event is fired when a connection with a WebSocket is closed/

Syntax

Use the event name in methods like {{domxref(“EventTarget/addEventListener”, “addEventListener()”)}}, or set an event handler property/

addEventListener("close", (event) => { })

onclose = (event) => { }

Event type

A {{domxref(“CloseEvent”)}}/ Inherits from {{domxref(“Event”)}}/

{{InheritanceDiagram(“CloseEvent”)}}

Examples

You might want to know when the connection has been closed so that you can update the UI or, perhaps, save data about the closed connection/ Given that you have a variable called exampleSocket that refers to an opened WebSocket, this handler would handle the situation where the socket has been closed/

exampleSocket/addEventListener("close", (event) => {
  console/log("The connection has been closed successfully/");
});

You can perform the same actions using the event handler property, like this:

exampleSocket/onclose = (event) => {
  console/log("The connection has been closed successfully/");
};

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

The close event is fired when a connection with a WebSocket is closed/

Syntax

Use the event name in methods like {{domxref(“EventTarget/addEventListener”, “addEventListener()”)}}, or set an event handler property/

addEventListener("close", (event) => { })

onclose = (event) => { }

Event type

A {{domxref(“CloseEvent”)}}/ Inherits from {{domxref(“Event”)}}/

{{InheritanceDiagram(“CloseEvent”)}}

Examples

You might want to know when the connection has been closed so that you can update the UI or, perhaps, save data about the closed connection/ Given that you have a variable called exampleSocket that refers to an opened WebSocket, this handler would handle the situation where the socket has been closed/

exampleSocket/addEventListener("close", (event) => {
  console/log("The connection has been closed successfully/");
});

You can perform the same actions using the event handler property, like this:

exampleSocket/onclose = (event) => {
  console/log("The connection has been closed successfully/");
};

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

The close event is fired when a connection with a WebSocket is closed/

Syntax

Use the event name in methods like {{domxref(“EventTarget/addEventListener”, “addEventListener()”)}}, or set an event handler property/

addEventListener("close", (event) => { })

onclose = (event) => { }

Event type

A {{domxref(“CloseEvent”)}}/ Inherits from {{domxref(“Event”)}}/

{{InheritanceDiagram(“CloseEvent”)}}

Examples

You might want to know when the connection has been closed so that you can update the UI or, perhaps, save data about the closed connection/ Given that you have a variable called exampleSocket that refers to an opened WebSocket, this handler would handle the situation where the socket has been closed/

exampleSocket/addEventListener("close", (event) => {
  console/log("The connection has been closed successfully/");
});

You can perform the same actions using the event handler property, like this:

exampleSocket/onclose = (event) => {
  console/log("The connection has been closed successfully/");
};

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

The close event is fired when a connection with a WebSocket is closed/

Syntax

Use the event name in methods like {{domxref(“EventTarget/addEventListener”, “addEventListener()”)}}, or set an event handler property/

addEventListener("close", (event) => { })

onclose = (event) => { }

Event type

A {{domxref(“CloseEvent”)}}/ Inherits from {{domxref(“Event”)}}/

{{InheritanceDiagram(“CloseEvent”)}}

Examples

You might want to know when the connection has been closed so that you can update the UI or, perhaps, save data about the closed connection/ Given that you have a variable called exampleSocket that refers to an opened WebSocket, this handler would handle the situation where the socket has been closed/

exampleSocket/addEventListener("close", (event) => {
  console/log("The connection has been closed successfully/");
});

You can perform the same actions using the event handler property, like this:

exampleSocket/onclose = (event) => {
  console/log("The connection has been closed successfully/");
};

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

Examples

You might want to know when the connection has been closed so that you can update the UI or, perhaps, save data about the closed connection. Given that you have a variable called exampleSocket that refers to an opened WebSocket, this handler would handle the situation where the socket has been closed.

exampleSocket.addEventListener("close", (event) => {
  console.log("The connection has been closed successfully.");
});

You can perform the same actions using the event handler property, like this:

exampleSocket.onclose = (event) => {
  console.log("The connection has been closed successfully.");
};

Specifications

Browser compatibility

See also