onmessage Событие
Пример
Создайте новый объект 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>";
};
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Событие onmessage происходит, когда сообщение получено через источник события.
Объект события onmessage поддерживает следующие свойства:
- data - Содержит фактическое сообщение
- origin — URL-адрес документа, вызвавшего событие.
- lastEventId — идентификатор последнего сообщения, увиденного в потоке событий
Связанные события:
- onopen - Происходит, когда соединение с сервером открыто
- onerror — Возникает при возникновении проблемы
Дополнительные сведения о событиях, отправленных сервером, см. в нашем руководстве по событиям, отправленным сервером HTML5 .
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это событие.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Синтаксис
object.onmessage = function(){myScript};
Используя метод addEventListener():
object.addEventListener("message", myScript);
Примечание. Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.
Технические детали
Пузыри: | Нет |
---|---|
Отменяемо: | Нет |
Тип события: | Событие |
Дополнительные примеры
Пример
Получите URL-адрес документа, вызвавшего событие onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
Результат может быть:
https://www.w3schools.com/