El evento onmessage en HTML DOM se usa cuando un objeto ha recibido algún mensaje a través de una fuente de eventos.
El objeto de evento para onmessage Event admite los siguientes esquemas:
- datos: contiene el mensaje real presente en su interior.
- origen: Contiene la URL del documento que invocó el evento.
- lastEventId: funciona como atributo descriptivo del último mensaje que se detectó en el flujo de mensajes.
Nota: los eventos enviados por el servidor no son compatibles con Internet Explorer.
Sintaxis:
-
object.onmessage = function(){myScript};
- Usando el método addEventListener()
object.addEventListener("message", myScript);
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title> HTML DOM onmessage Event </title> </head> <body> <h1 id="gfg"></h1> <div id="geeks"></div> <!--Main Function--> <script> if (typeof(EventSource) !== "undefined") { var source = new EventSource("/html/demo_sse.php"); source.onopen = function() { document.getElementById("gfg").innerHTML = "GeeksforGeeks"; }; source.onmessage = function(event) { document.getElementById("geeks").innerHTML += event.data + "<br>"; }; } else { document.getElementById("geeks").innerHTML = "browser does not support"; } </script> </body> </html>
Producción:
Ejemplo 2: Usar el método addEventListener()
<!DOCTYPE html> <html> <head> <title> HTML DOM onmessage Event </title> </head> <body> <h1 id="gfg"></h1> <div id="geeks"></div> <!--main Function--> <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("geeks").innerHTML = "Your browser does not supported"; } </script> </body> </html>
Producción:
Navegadores compatibles: los navegadores compatibles con onmessage Event se enumeran a continuación:
- Google cromo 9.0
- MozillaFirefox 6.0
- Apple Safari 5.0
- Ópera 11.0