The DOM onopen event occurs on an open connection with an event source.
Related events:
- onmessage: Received the message.
- onerror: The problem occurs.
Syntax:
object.onopen = function(){myScript};
- Using the addEventListener() method:
object.addEventListener("open", myScript);
Example: Using the addEventListener() method
HTML
<!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") {
let 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
Last Updated :
15 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...