onopen Event

Example

Create a new EventSource object, and specify the URL of the page sending the updates.
When (and if) a connection is established, output some text in a <h1> element:

var source = new EventSource("demo_sse.php");
source.onopen = function() {
document.getElementById("myH1").innerHTML = "Getting server updates";
};

Try it Yourself »

Description

The onopen event occurs when a connection with an event source is opened.

Related events:

onmessage - Occurs when a message is received
onerror - Occurs when a problem occurs

For more information about Server-Sent Events, read our HTML5 Server-Sent Events Tutorial.

Browser Support

The numbers in the table specify the first browser version that fully supports the event.

Event
onopen	9.0	Not supported	6.0	5.0	11.0

Syntax

object.onopen = function(){myScript};

Try it Yourself »

Using the addEventListener() method:

object.addEventListener("open", myScript);

Try it Yourself »

Technical Details

Bubbles:	No
Cancelable:	No
Event type:	Event

❮ Previous Events Reference Next ❯