addEventListener("message", myfunction()); - Javascript DOM Event

Javascript examples for DOM Event:addEventListener

  1. HOME
  2. Javascript
  3. DOM Event
  4. addEventListener

Description

The onmessage event occurs when a message is received through an event source.

The event object for the onmessage event supports the following properties:

  • data - Contains the actual message
  • origin - The URL of the document that invoked the event
  • lastEventId - the identifier of the last message seen in the event stream

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<h1 id="myH1"></h1>
<div id="myDIV"></div>

<script>
if(typeof(EventSource) !== "undefined") {
    var source = new EventSource("/html/demo_sse.php");
    source.addEventListener("open", function() {
        document.getElementById("myH1").innerHTML = "Getting server updates";
    });/*from   w  w w  . j  a  va2s. co  m*/

    source.addEventListener("message", function(event) {
        document.getElementById("myDIV").innerHTML += event.data + "<br>";
    });

} else {
    document.getElementById("myDIV").innerHTML = "Sorry, your browser does not support server-sent events...";
}
</script>

</body>
</html>

Related Tutorials