onopen event

Événements DOM Objet Event

Definition and usage

The onopen event occurs when the connection with the event source is opened.

Related events :

  • onmessage - Occurs when a message is received
  • onerror - Occurs when an error occurs

For more information on server-sent events, please study our HTML5 Server-Sent Events Tutorial.

Example

Create a new EventSource object and specify the URL of the page that sends updates.

When (and if) a connection is established, output some text in the <h1> element :

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

Try it yourself

Syntax

object.onopen = function(){myScript};

Try it yourself

Use addEventListener() method :

object.addEventListener("open", myScript);

Try it yourself

Note :Internet Explorer 8 or earlier versions do not support addEventListener() method.

Technical details

Bubble : Non pris en charge
Cancellable : Non pris en charge
Type d'événement : Event

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur la première à prendre en charge cet événement.

Événement Chrome IE Firefox Safari Opera
onopen 9.0 Non pris en charge 6.0 5.0 11.0
Événements DOM Objet Event