onmessage 이벤트
예시
새 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>";
};
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
onmessage 이벤트는 이벤트 소스를 통해 메시지를 수신할 때 발생합니다.
onmessage 이벤트에 대한 이벤트 객체는 다음 속성을 지원합니다.
- 데이터 - 실제 메시지를 포함합니다.
- origin - 이벤트를 호출한 문서의 URL
- lastEventId - 이벤트 스트림에서 본 마지막 메시지의 식별자
관련 이벤트:
Server-Sent Events에 대한 자세한 내용은 HTML5 Server-Sent Events Tutorial 을 참조 하십시오.
브라우저 지원
표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
| Event | |||||
|---|---|---|---|---|---|
| onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
통사론
object.onmessage = function(){myScript};
addEventListener() 메서드 사용:
object.addEventListener("message", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
| 거품: | 아니 |
|---|---|
| 취소 가능: | 아니 |
| 이벤트 유형: | 이벤트 |
더 많은 예
예시
onmessage 이벤트를 호출한 문서의 URL을 가져옵니다.
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
결과는 다음과 같을 수 있습니다.
https://www.w3schools.com/