例
创建一个新的EventSource对象，并指定发送更新页面的URL。
每次接收的更新时间时，发生在onMessage事件。 当的onMessage事件发生时，把接收到的数据进<div>使用id =“myDIV”元素：
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
}; 试一试» 更多"Try it Yourself"下面的例子。
定义和用法
当通过一个事件源接收到的消息发生在onMessage事件。
对于在onMessage事件的事件对象支持以下属性：
- 数据 - 包含实际的消息
- 起源 - 调用该事件的文档的URL
- lastEventId - 最后的消息的事件流中观察到的标识符
相关事件：
有关服务器发送的事件的更多信息，请阅读我们的HTML5服务器发送的事件教程 。
浏览器支持
在表中的数字规定，完全支持该事件的第一个浏览器版本。
| 事件 | |||||
|---|---|---|---|---|---|
| onmessage | 9 | 不支持 | 6 | 5 | 11.0 |
句法
object .onmessage= function() { myScript };
Try it Yourself »
使用addEventListener()方法：
object . addEventListener("message", myScript ) ;
Try it Yourself »
注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。
技术细节
| 泡沫： | 没有 |
|---|---|
| 取消： | 没有 |
| 事件类型： | 事件 |
更多示例
例
获取该调用的onMessage事件的文档的URL：
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};其结果可能是：
http://www.w3ii.com/ 试一试» <事件对象