onmessage 이벤트

정의와 사용법

이벤트 소스를 통해 메시지를 받을 때 onmessage 이벤트가 발생합니다。

onmessage 이벤트의 event 객체는 다음과 같은 속성을 지원합니다:

  • data - 실제 메시지를 포함
  • origin - 이벤트를 호출하는 문서의 URL
  • lastEventId - 이벤트 스트림에서 본 마지막 메시지의 식별자

관련 이벤트:

  • onopen - 서버와의 연결이 열릴 때 발생
  • onerror - 문제가 발생할 때 발생

서버가 발신하는 이벤트(서버-서버 이벤트)에 대해 더 알고 싶다면, 우리의 HTML5 서버가 발신하는 이벤트 튜토리얼

예제

예제 1

새로운 EventSource 객체를 생성하고, 업데이트를 전송하는 페이지의 URL을 지정합니다。

업데이트를 받을 때마다 onmessage 이벤트가 발생합니다. onmessage 이벤트가 발생하면, 받은 데이터가 id="myDIV"의 <div> 요소에 추가됩니다:

var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
  document.getElementById("myDIV").innerHTML += event.data + "<br>";
};

직접 시도해 보세요

예제 2

onmessage 이벤트를 발생시키는 문서의 URL을 가져옵니다:

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

결과는 다음과 같습니다:

https://www.codew3c.com/

직접 시도해 보세요

문법

object.onmessage = function(){myScript};

직접 시도해 보세요

addEventListener() 메서드 사용 방법:

object.addEventListener("message", myScript);

직접 시도해 보세요

주의사항:Internet Explorer 8 또는 이전 버전은 지원하지 않습니다 addEventListener() 메서드

기술 세부 사항

버블업: 지원하지 않음
취소할 수 있습니다: 지원하지 않음
이벤트 타입: 이벤트

브라우저 지원

표에 나타난 숫자는 이 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

이벤트 크롬 IE 파이어폭스 사파리 오퍼라
onmessage 9.0 지원하지 않음 6.0 5.0 11.0