--- title: 'WebSocket: message イベント' slug: Web/API/WebSocket/message_event tags: - Event - Reference - WebSocket - message translation_of: Web/API/WebSocket/message_event ---
{{APIRef}}

message ハンドラーは、 WebSocket を通してデータを受け取ったときに発生します。

バブリング なし
キャンセル 不可
インターフェイス {{domxref("MessageEvent")}}
イベントハンドラープロパティ {{ domxref("WebSocket.onmessage","onmessage")}}

// Create WebSocket connection.
const socket = new WebSocket('ws://localhost:8080');

// Listen for messages
socket.addEventListener('message', function (event) {
    console.log('Message from server ', event.data);
});

仕様書

仕様書 状態
{{SpecName("HTML WHATWG", "web-sockets.html#event-message", "WebSocket message")}} {{Spec2("HTML WHATWG")}}

ブラウザーの互換性

{{Compat("api.WebSocket.message_event")}}

関連情報