เหตุการณ์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>";
};
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ onmessage เกิดขึ้นเมื่อได้รับข้อความผ่านแหล่งที่มาของเหตุการณ์
ออบเจ็กต์เหตุการณ์สำหรับเหตุการณ์ onmessage รองรับคุณสมบัติต่อไปนี้:
- data - มีข้อความจริง
- ต้นทาง - URL ของเอกสารที่เรียกใช้เหตุการณ์
- lastEventId - ตัวระบุข้อความสุดท้ายที่เห็นในสตรีมเหตุการณ์
เหตุการณ์ที่เกี่ยวข้อง:
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเหตุการณ์ที่เซิร์ฟเวอร์ส่งแล้ว โปรดอ่าน บทแนะนำกิจกรรมที่เซิร์ฟเวอร์ส่ง ด้วยHTML5 ของเรา
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์
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 และเวอร์ชันก่อนหน้า
รายละเอียดทางเทคนิค
ฟองอากาศ: | ไม่ |
---|---|
ยกเลิกได้: | ไม่ |
ประเภทเหตุการณ์: | เหตุการณ์ |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รับ URL ของเอกสารที่เรียกใช้เหตุการณ์ onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
ผลลัพธ์อาจเป็น:
https://www.w3schools.com/