Evento onmessage
Exemplo
Crie um novo objeto EventSource e especifique a URL da página que envia as atualizações.
Cada vez que uma atualização é recebida, ocorre o evento onmessage. Quando ocorrer um evento onmessage, coloque os dados recebidos no elemento <div> com id="myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onmessage ocorre quando uma mensagem é recebida por meio de uma fonte de evento.
O objeto de evento para o evento onmessage oferece suporte às seguintes propriedades:
- data - Contém a mensagem real
- origin - A URL do documento que invocou o evento
- lastEventId - o identificador da última mensagem vista no fluxo de eventos
Eventos relacionados:
- onopen - Ocorre quando uma conexão com o servidor está aberta
- onerror - Ocorre quando ocorre um problema
Para obter mais informações sobre eventos enviados pelo servidor, leia nosso Tutorial de eventos enviados pelo servidor HTML5 .
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Sintaxe
object.onmessage = function(){myScript};
Usando o método addEventListener():
object.addEventListener("message", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | Não |
---|---|
Cancelável: | Não |
Tipo de evento: | Evento |
Mais exemplos
Exemplo
Obtenha a URL do documento que invocou o evento onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
O resultado pode ser:
https://www.w3schools.com/