Create a new EventSource object, and specify the URL of the page sending the
updates.
Each time an update is received, the onmessage event occurs. When an
onmessage event occurs, put the received data into the <div> element with id="myDIV":
More "Try it Yourself" examples below.
The onmessage event occurs when a message is received through an event source.
The event object for the onmessage event supports the following properties:
Related events:
For more information about Server-Sent Events, read our HTML5 Server-Sent Events Tutorial.
The numbers in the table specify the first browser version that fully supports the event.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Using the addEventListener() method:
Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.
Bubbles: | No |
---|---|
Cancelable: | No |
Event type: | Event |
Get the URL of the document that invoked the onmessage event:
The result could be: