aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/eventsource/message_event/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ja/web/api/eventsource/message_event/index.html')
-rw-r--r--files/ja/web/api/eventsource/message_event/index.html70
1 files changed, 70 insertions, 0 deletions
diff --git a/files/ja/web/api/eventsource/message_event/index.html b/files/ja/web/api/eventsource/message_event/index.html
new file mode 100644
index 0000000000..6b35ddf7d2
--- /dev/null
+++ b/files/ja/web/api/eventsource/message_event/index.html
@@ -0,0 +1,70 @@
+---
+title: EventSource.onmessage
+slug: Web/API/EventSource/message_event
+tags:
+ - API
+ - EventSource
+ - Server-sent events
+ - onmessage
+ - イベントハンドラ
+ - プロパティ
+ - リファレンス
+translation_of: Web/API/EventSource/onmessage
+original_slug: Web/API/EventSource/onmessage
+---
+<div>{{APIRef('WebSockets API')}}</div>
+
+<p>{{domxref("EventSource")}} インターフェースの <code><strong>onmessage</strong></code> プロパティは、メッセージイベントが受信されたとき、つまりソースからメッセージが送信されたときに呼び出される {{event("Event_handlers", "event handler")}} です。</p>
+
+<p><code>onmessage</code> イベントハンドラのイベントオブジェクトの型は {{domxref("MessageEvent")}} です。</p>
+
+<h2 id="構文">構文</h2>
+
+<pre class="syntaxbox">eventSource.onmessage = function</pre>
+
+<h2 id="例">例</h2>
+
+<pre class="brush: js">evtSource.onmessage = function(e) {
+ var newElement = document.createElement("li");
+
+ newElement.textContent = "message: " + e.data;
+ eventList.appendChild(newElement);
+}</pre>
+
+<div class="note">
+<p><strong>メモ</strong>: 完全な例を GitHub から見つけることができます — <a href="https://github.com/mdn/dom-examples/tree/master/server-sent-events" rel="noopener">PHP を用いた簡単な SSE のデモ</a> を参照。</p>
+</div>
+
+<h2 id="仕様">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">ステータス</th>
+ <th scope="col">コメント</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML WHATWG', "comms.html#handler-eventsource-onmessage", "onmessage")}}</td>
+ <td>{{Spec2('HTML WHATWG')}}</td>
+ <td>初期定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<ul>
+</ul>
+
+<h2 id="ブラウザ互換性">ブラウザ互換性</h2>
+
+<div>
+
+
+<p>{{Compat("api.EventSource.onmessage")}}</p>
+</div>
+
+<h2 id="関連情報">関連情報</h2>
+
+<ul>
+ <li>{{domxref("EventSource")}}</li>
+</ul>