MessageEvent: MessageEvent() コンストラクター
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2016年8月以降、すべてのブラウザーで利用可能です。
MessageEvent() コンストラクターは新しい MessageEvent オブジェクトのインスタンスを作成します。
構文
js
new MessageEvent(type)
new MessageEvent(type, options)
引数
type-
文字列で、このイベントの名前を示します。 大文字と小文字を区別し、ブラウザーは常に
messageを設定します。 options省略可-
Event()で定義されたプロパティに加え、以下のプロパティを持つことができるオブジェクトです。data省略可-
MessageEvent に含めたいデータ。 これは任意のデータ型であり、指定しない場合は既定で
nullになります。 origin省略可-
文字列で、メッセージの発信元を表します。 指定しなかった場合の既定値は空文字列 ("") です。
lastEventId省略可-
文字列で、このイベントの一意な ID を表します。 指定しなかった場合の既定値は空文字列 ("") です。
source省略可-
メッセージの送信元を表す
MessageEventSource(Window、MessagePort、ServiceWorkerの何れかのオブジェクト)を指定します。設定されていない場合の既定値はnullです。 ports省略可-
MessagePortオブジェクトの配列で、メッセージが(チャンネルメッセージングや共有ワーカーにメッセージを送信する場合など、適切な場合に)送信されるチャンネルに関連するポートを表します。 指定しない場合の既定値は空の配列 ([]) になります。
返値
新しい MessageEvent オブジェクトです。
例
js
const myMessage = new MessageEvent("message", {
data: "hello",
});
仕様書
| 仕様書 |
|---|
| HTML> # the-messageevent-interface:dom-event-constructor> |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。
関連情報
ExtendableMessageEvent— このインターフェイスに似ていますが、もっと柔軟性が必要なインターフェイスで使用されます。