Evento onmessage
Ejemplo
Cree un nuevo objeto EventSource y especifique la URL de la página que envía las actualizaciones.
Cada vez que se recibe una actualización, se produce el evento onmessage. Cuando ocurre un evento onmessage, coloque los datos recibidos en el elemento <div> con id="myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento onmessage se produce cuando se recibe un mensaje a través de un origen de eventos.
El objeto de evento para el evento onmessage admite las siguientes propiedades:
- datos: contiene el mensaje real
- origen: la URL del documento que invocó el evento
- lastEventId: el identificador del último mensaje visto en el flujo de eventos
Eventos relacionados:
- onopen - Ocurre cuando una conexión con el servidor está abierta
- onerror - Ocurre cuando ocurre un problema
Para obtener más información acerca de los eventos enviados por el servidor, lea nuestro Tutorial de eventos enviados por el servidor HTML5 .
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Sintaxis
object.onmessage = function(){myScript};
Usando el método addEventListener():
object.addEventListener("message", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
Burbujas: | No |
---|---|
Cancelable: | No |
Tipo de evento: | Evento |
Más ejemplos
Ejemplo
Obtén la URL del documento que invocó el evento onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
El resultado podría ser:
https://www.w3schools.com/