최신 웹 개발 튜토리얼
 

의 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 - 이벤트 스트림에서 볼 수있는 마지막 메시지의 식별자

관련 이벤트 :

서버 전송 이벤트에 대한 자세한 내용은, 우리의 읽기 튜토리얼 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() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.

기술적 세부 사항

거품 : 아니
취소 가능 : 아니
이벤트 유형: 행사
예

더 예

예

의 onMessage 이벤트를 호출 문서의 URL을 가져옵니다 :

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

그 결과 수 :

http://www.w3ii.com/
»그것을 자신을 시도
<이벤트 객체