JavaScript HTML DOM onmessage 事件

• 

  onmessage 事件

  当通过事件源接收消息时，会发生onmessage事件。onmessage事件的事件对象支持以下属性：

  • data - 包含实际消息
  • origin - 调用事件的文档的URL
  • lastEventId - 事件流中看到的最后一条消息的标识符

  相关事件：

  • onopen - 在打开与服务器的连接时发生
  • onerror - 发生问题时发生

  有关服务器发送事件的更多信息，请阅读我们的HTML5服务器发送事件教程。

  创建一个新的EventSource对象，并指定发送更新的页面的URL。每次收到更新时，都会发生onmessage事件。当发生onmessage事件时，将接收到的数据放id=“myDIV”的<div>元素中：

  var source = new EventSource("demo_sse.php");
  source.onmessage = function(event) {
    document.getElementById("myDIV").innerHTML += event.data + "<br>";
  };

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  事件
  onmessage	不支持	9.0	6.0+	5.0+	11.0+

• 

  语法

  在JavaScript中：

  object.onmessage = function(){myScript};

  在JavaScript中，使用addEventListener()方法：

  object.addEventListener("message", myScript);

  注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。
• 

  技术细节

  项目	描述
  冒泡：	没有
  取消：	没有
  事件类型：	Event

• 

  更多例子

  获取调用onmessage事件的文档的URL：

  var source = new EventSource("demo_sse.php");
  source.onmessage = function(event) {
    document.getElementById("myDIV").innerHTML = event.origin;
  };
  

  尝试一下