Przykład
Utwórz nowy obiekt EventSource i podać adres URL strony wysyłającej aktualizacje.
Za każdym razem odebraniu aktualizacji, onmessage zdarzenie. Gdy wystąpi zdarzenie onmessage umieścić odebrane dane do <div> elementu o id = „myDiv”:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Onmessage zdarzenia po odebraniu wiadomości przez źródła zdarzeń.
Obiekt zdarzenia dla onmessage razie obsługuje następujące właściwości:
- danych - zawiera aktualne wiadomości
- pochodzenie - adres URL dokumentu, który wywołał zdarzenie
- lastEventId - identyfikator ostatniej wiadomości widoczne w strumieniu zdarzeń
Powiązane wydarzenia:
Aby uzyskać więcej informacji na temat serwera Sent Events, przeczytaj nasze HTML5 serwera Wysłane tutorial wydarzenia .
Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
Zdarzenie | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Nieobsługiwany | 6.0 | 5.0 | 11,0 |
Składnia
object .onmessage= function() { myScript };
Try it Yourself »
Używanie addEventListener() metodę:
object . addEventListener("message", myScript ) ;
Try it Yourself »
Uwaga: addEventListener() metoda ta nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
bubbles: | Nie |
---|---|
opłata: | Nie |
Typ wydarzenia: | Zdarzenie |
Więcej przykładów
Przykład
Uzyskaj adres URL dokumentu, która wywołała onmessage wydarzenie:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
Rezultatem mogą być:
http://www.w3ii.com/
Spróbuj sam " <Object Event