HTML | DOM onopen Event
The DOM onopen event occurs on an open connection with an event source.
Related events:
- onmessage: Received the message.
- onerror: The problem occurs.
Syntax:
- Using JavaScript:
object.onopen = function(){myScript}; - Using the addEventListener() method:
object.addEventListener("open", myScript);
Example: Using the addEventListener() method
<!DOCTYPE html> <html> <head> <title> HTML DOM onopen Event </title> </head> <body> <h1 id="gfg"></h1> <div id="geeks"></div> <script> if (typeof(EventSource) !== "undefined") { var source = new EventSource("/html/demo_sse.php"); source.addEventListener("open", function() { document.getElementById("gfg").innerHTML = "GeeksforGeeks"; }); source.addEventListener("message", function(event) { document.getElementById("geeks").innerHTML += event.data + "<br>"; }); } else { document.getElementById("gfg").innerHTML = "Browser does not support"; } </script> </body> </html> |
Output:
Supported Browsers: The browsers supported by HTML DOM onopen Event are listed below:
- Google Chrome 9.0
- Firefox 6.0
- Apple Safari 5.0
- Opera 11.0
