Wydarzenie onmessage
Przykład
Utwórz nowy obiekt EventSource i określ adres URL strony wysyłającej aktualizacje.
Za każdym razem, gdy odbierana jest aktualizacja, następuje zdarzenie onmessage. Gdy wystąpi zdarzenie onmessage, umieść otrzymane dane w elemencie <div> z id="myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Zdarzenie onmessage występuje, gdy wiadomość zostanie odebrana przez źródło zdarzenia.
Obiekt zdarzenia dla zdarzenia onmessage obsługuje następujące właściwości:
- data - zawiera aktualną wiadomość
- źródło – adres URL dokumentu, który wywołał zdarzenie
- lastEventId - identyfikator ostatniej wiadomości widzianej w strumieniu zdarzeń
Powiązane wydarzenia:
Aby uzyskać więcej informacji o zdarzeniach wysyłanych przez serwer, zapoznaj się z samouczkiem HTML5 dotyczącym zdarzeń wysyłanych przez serwer .
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.
| Event | |||||
|---|---|---|---|---|---|
| onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Składnia
object.onmessage = function(){myScript};
Za pomocą metody addEventListener():
object.addEventListener("message", myScript);
Uwaga: Metoda addEventListener() nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
| Bąbelki: | Nie |
|---|---|
| Możliwość anulowania: | Nie |
| Typ wydarzenia: | Wydarzenie |
Więcej przykładów
Przykład
Uzyskaj adres URL dokumentu, który wywołał zdarzenie onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
Rezultatem może być:
https://www.w3schools.com/