The message
event of the EventSource
API is fired when data is received through an event source.
Bubbles | No |
Cancelable | No |
Interface | MessageEvent
|
Event handler property | EventSource.onmessage
|
Examples
In this basic example, an EventSource
is created to receive events from the server; a page with the name sse.php
is responsible for generating the events.
var evtSource = new EventSource('sse.php');
var eventList = document.querySelector('ul');
evtSource.addEventListener('message', (e) => {
var newElement = document.createElement("li");
newElement.textContent = "message: " + e.data;
eventList.appendChild(newElement);
});
onmessage equivalent
evtSource.onmessage = (e) => {
var newElement = document.createElement("li");
newElement.textContent = "message: " + e.data;
eventList.appendChild(newElement);
};
Specifications
Specification | Status |
HTML Living StandardThe definition of 'message event' in that specification. | Living Standard |
Browser compatibility
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
message event
|
Chrome
Full support 6 |
Edge
Full support 79 |
Firefox
Full support 6 |
IE
No support No |
Opera
Full support Yes |
Safari
Full support 5 |
WebView Android
Full support Yes |
Chrome Android
Full support 18 |
Firefox Android
Full support 45 |
Opera Android
Full support 12 |
Safari iOS
Full support 5 |
Samsung Internet Android
Full support 1.0 |
Legend
- Full support
- Full support
- No support
- No support
See also
- Using server-sent events
open
error
EventSource: message event by Mozilla Contributors is licensed under CC-BY-SA 2.5.