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;
    };
    
    尝试一下