Окно: событие message

Событие message срабатывает на объекте Window, когда окно получает сообщение, например, из вызова Window.postMessage() из другого контекста просмотра.

Это событие не может быть отменено и не распространяется.

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.

addEventListener("message", (event) => {});

onmessage = (event) => {};

Объект MessageEvent. Наследует от Event.

Этот интерфейс также наследует свойства от своего родителя, Event.

MessageEvent.data Только для чтения

Данные, отправленные отправителем сообщения.

MessageEvent.origin Только для чтения

Строка, представляющая происхождение отправителя сообщения.

MessageEvent.lastEventId Только для чтения

Строка, представляющая уникальный идентификатор события.

MessageEvent.source Только для чтения

Объект MessageEventSource (который может быть WindowProxy, MessagePort или ServiceWorker), представляющий отправителя сообщения.

MessageEvent.ports Только для чтения

Массив объектов MessagePort, представляющих порты, связанные с каналом, через который отправляется сообщение (по мере необходимости, например, при обмене сообщениями или при отправке сообщения в общий рабочий процесс).

Предположим, что скрипт отправляет сообщение в другой контекст просмотра, например, в другой <iframe>, используя такой код:

const targetFrame = window.top.frames[1];
const targetOrigin = "https://example.org";
const windowMessageButton = document.querySelector("#window-message");

windowMessageButton.addEventListener("click", () => {
  targetFrame.postMessage("hello there", targetOrigin);
});

Приёмник может прослушивать сообщение с помощью addEventListener() с помощью такого кода:

window.addEventListener("message", (event) => {
  console.log(`Received message: ${event.data}`);
});

В качестве альтернативы, обработчик события может использовать свойство onmessage:

window.onmessage = (event) => {
  console.log(`Received message: ${event.data}`);
};

• Связанные события: messageerror.
• Window.postMessage().