onmessage Evento
Esempio
Crea un nuovo oggetto EventSource e specifica l'URL della pagina che invia gli aggiornamenti.
Ogni volta che viene ricevuto un aggiornamento, si verifica l'evento onmessage. Quando si verifica un evento onmessage, inserisci i dati ricevuti nell'elemento <div> con id="myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
L'evento onmessage si verifica quando un messaggio viene ricevuto tramite un'origine evento.
L'oggetto evento per l'evento onmessage supporta le seguenti proprietà:
- data - Contiene il messaggio effettivo
- origine - L'URL del documento che ha richiamato l'evento
- lastEventId - l'identificatore dell'ultimo messaggio visualizzato nel flusso di eventi
Eventi correlati:
- onopen - Si verifica quando è aperta una connessione al server
- onerror - Si verifica quando si verifica un problema
Per ulteriori informazioni sugli eventi inviati dal server, leggi il nostro tutorial sugli eventi inviati dal server HTML5 .
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'evento.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Sintassi
object.onmessage = function(){myScript};
Utilizzando il metodo addEventListener():
object.addEventListener("message", myScript);
Nota: il metodo addEventListener() non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
Bolle: | No |
---|---|
Annullabile: | No |
Tipo di evento: | Evento |
Altri esempi
Esempio
Ottieni l'URL del documento che ha richiamato l'evento onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
Il risultato potrebbe essere:
https://www.w3schools.com/