---
title: WebSocket.onopen
slug: Web/API/WebSocket/onopen
tags:
  - API
  - Property
  - Reference
  - Web API
  - WebSocket
  - プロパティ
translation_of: Web/API/WebSocket/onopen
---
<div>{{APIRef("Web Sockets API")}}</div>

<p><strong><code>WebSocket.onopen</code></strong> プロパティはイベントハンドラー ({{event("Event_handlers", "event handler")}}) で、 {{domxref("WebSocket")}} のコネクションの {{domxref("WebSocket.readyState","readyState")}} が {{domxref("WebSocket.readyState","1")}} に変化したときに呼び出されます。これは、コネクションでデータを送信したり受信したりする準備ができたことを示します。これは {{domxref("Event")}} を伴って呼び出されます。</p>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="syntaxbox notranslate"><em>aWebSocket</em>.onopen = function(event) {
  console.log("WebSocket is open now.");
};</pre>

<h2 id="Value" name="Value">値</h2>

<p>{{domxref("EventListener")}} です。</p>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">状態</th>
   <th scope="col">備考</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', '#handler-websocket-onopen', 'WebSocket: onopen')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>初回定義</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>

<p>{{Compat("api.WebSocket.onopen")}}</p>