message event of the EventSource API is fired when data is received through an event source.

冒泡 No
可取消 No
接口 MessageEvent
事件处理程序特性 EventSource.onmessage

范例

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);
};
					

规范

规范 状态
HTML 实时标准
The definition of 'message event' in that specification.
实时标准

浏览器兼容性

更新 GitHub 上的兼容性数据
桌面 移动
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
message event Chrome 6 Edge 79 Firefox 6 IE No Opera Yes Safari 5 WebView Android Yes Chrome Android 18 Firefox Android 45 Opera Android 12 Safari iOS 5 Samsung Internet Android 1.0

图例

完整支持

完整支持

不支持

不支持

另请参阅

元数据

  • 最后修改: