Exemplo
Crie um novo objeto EventSource e especifique o URL da página de envio das atualizações.
Cada vez que uma atualização é recebida, o evento onMessage ocorre. Quando um evento onMessage ocorre, coloque os dados recebidos para o <div> elemento com id = "myDiv":
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
}; Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O evento onMessage ocorre quando uma mensagem é recebida através de uma fonte de evento.
O objeto de evento para o evento onMessage suporta as seguintes propriedades:
- dados - Contém a mensagem real
- Origem - O URL do documento que chamou o evento
- lastEventId - o identificador da última mensagem visto no fluxo de eventos
Eventos relacionados:
- AoAbrir - Ocorre quando uma conexão com o servidor está aberto
- onerror - Ocorre quando ocorrer um problema
Para mais informações sobre Eventos enviados pelo servidor, leia os nossos eventos HTML5 enviados pelo servidor Tutorial .
Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o evento.
| Evento | |||||
|---|---|---|---|---|---|
| onmessage | 9 | Não suportado | 6 | 5 | 11,0 |
Sintaxe
object .onmessage= function() { myScript };
Try it Yourself »
Usando o addEventListener() Método:
object . addEventListener("message", myScript ) ;
Try it Yourself »
Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.
Detalhes técnicos
| Bolhas: | Não |
|---|---|
| cancelable: | Não |
| Tipo de evento: | Evento |
mais Exemplos
Exemplo
Obter o URL do documento que chamou o evento onMessage:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};O resultado poderia ser:
http://www.w3ii.com/ Tente você mesmo " <Objeto de evento