onmessage 이벤트
정의와 사용법
이벤트 소스를 통해 메시지를 받을 때 onmessage 이벤트가 발생합니다。
onmessage 이벤트의 event 객체는 다음과 같은 속성을 지원합니다:
- data - 실제 메시지를 포함
- origin - 이벤트를 호출하는 문서의 URL
- lastEventId - 이벤트 스트림에서 본 마지막 메시지의 식별자
관련 이벤트:
서버가 발신하는 이벤트(서버-서버 이벤트)에 대해 더 알고 싶다면, 우리의 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 |