ตัวอย่าง
สร้างวัตถุ 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() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้
รายละเอียดทางเทคนิค
| บับเบิ้ล: | ไม่ |
|---|---|
| ยกเลิก: | ไม่ |
| ประเภทเหตุการณ์: | เหตุการณ์ |
ตัวอย่างอื่น ๆ
ตัวอย่าง
รับ URL ของเอกสารที่เรียกเหตุการณ์ OnMessage นี้:
var source = new EventSource("demo_sse.php");
source.onmessage =
function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};ผลที่ได้อาจจะ:
http://www.w3ii.com/ ลองตัวเอง» <object เหตุการณ์