Событие onmessage

События DOM Объект Event

Определение и использование

Событие onmessage срабатывает при получении сообщения через источник событий.

Объект события onmessage поддерживает следующие свойства:

  • data - содержит фактическое сообщение
  • origin - URL документа, вызывающего событие
  • lastEventId - идентификатор последнего сообщения в потоке событий

Связанные события:

  • onopen - происходит при открытии подключения к серверу
  • onerror - происходит при возникновении проблемы

Для получения дополнительной информации о серверных событиях (Server-Sent Events) изучите наш Урок по HTML5 серверным событиям.

Пример

Пример 1

Создание нового объекта EventSource и указание URL страницы, отправляющей обновления.

При каждом получении обновления срабатывает событие onmessage. При срабатывании события onmessage данные, полученные, добавляются в элемент <div> с id="myDIV":

var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
  document.getElementById("myDIV").innerHTML += event.data + "<br>";
};

Попробуйте сами

Пример 2

Получение URL документа, вызывающего событие onmessage:

var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
  document.getElementById("myDIV").innerHTML = event.origin;
};

Результат будет:

https://www.codew3c.com/

Попробуйте сами

Грамматика

объект.onmessage = function(){myScript};

Попробуйте сами

Использование метода addEventListener():

объект.addEventListener("message", myScript);

Попробуйте сами

Комментарий:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Балloon: Не поддерживается
Отменяется: Не поддерживается
Тип события: Event

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает это событие.

События Chrome IE Firefox Safari Opera
onmessage 9.0 Не поддерживается 6.0 5.0 11.0
События DOM Объект Event