例
創建一個新的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/ 試一試» <事件對象