最新のWeb開発のチュートリアル
 

onMessageイベント

<イベントオブジェクト

例

新しいのEventSourceオブジェクトを作成し、更新を送信ページのURLを指定します。
更新が受信されるたびに、onMessageのイベントが発生します。 onMessageのイベントが発生すると、に受信したデータを置く<div>のid =「myDIV」を持つ要素：

var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
    document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。

定義と使用法

メッセージは、イベント・ソースを介して受信されたときのonMessageイベントが発生します。

onMessageのイベントのイベントオブジェクトには、次のプロパティをサポートしています。

  • データは - 実際のメッセージが含まれています
  • 起源 - イベントを起動したドキュメントのURL
  • lastEventId - イベントストリームで見られる最後のメッセージの識別子

関連イベント：

  • 開く時] -サーバーへの接続が開いているときに発生します。
  • ONERROR -問題が発生した場合に発生します

サーバー送信されたイベントの詳細については、当社の読みHTML5サーバー・送信されたイベントのチュートリアルを 。

ブラウザのサポート

表中の数字は完全にイベントをサポートする最初のブラウザのバージョンを指定します。

イベント
onmessage 9.0 サポートされていません 6.0 5.0 11.0

構文

object .onmessage= function() { myScript };
Try it Yourself »

使い方addEventListener()メソッドを：

object . addEventListener("message", myScript ) ;
Try it Yourself »

注： addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。

技術的な詳細

バブル： ノー
取消し可能： ノー
イベントの種類： イベント
例

その他の例

例

onMessageのイベントを起動し、ドキュメントのURLを取得します。

var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
    document.getElementById("myDIV").innerHTML = event.origin;
};

結果は次のようになります。

http://www.w3ii.com/
»それを自分で試してみてください
<イベントオブジェクト