สัญญาณ onmessage

เหตุการณ์ DOM วัตถุ Event

คำนิยามและวิธีใช้

เหตุการณ์ onmessage จะมีขึ้นเมื่อได้รับข้อความผ่านทาง EventSource

สัญญาณ onmessage สนับสนุนตัวแปรต่อไปนี้:

  • data - รวมข้อความที่ส่งมา
  • origin - URL ของเอกสารที่ทำการเรียกเหตุการณ์
  • lastEventId - รหัสที่เห็นได้ในข้อความสุดท้ายของกระแสเหตุการณ์

เหตุการณ์ที่เกี่ยวข้อง:

  • onopen - มีขึ้นเมื่อการเชื่อมต่อกับเซิร์ฟเวอร์เปิด
  • onerror - มีขึ้นเมื่อมีปัญหา

สำหรับความรู้เกี่ยวกับเหตุการณ์ที่เซิร์ฟเวอร์ส่ง (Server-Sent Events) มากกว่า โปรดเรียนบทเรียนของเรา ตูร์นอร์ม HTML5 สำหรับเหตุการณ์ที่เซิร์ฟเวอร์ส่ง。

ตัวอย่าง

ตัวอย่าง 1

สร้าง 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>";
};

ลองด้วยตัวเอง

ตัวอย่าง 2

หา URL ของเอกสารที่มีการเรียกใช้งานสัญญาณ onmessage:

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()。

รายละเอียดเทคนิค

มีการปิดบลายแบบบูมบล์ ไม่สนับสนุน
ครับยกเลิกได้ ไม่สนับสนุน
ชนิดเหตุการณ์: Event

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางนี้บอกว่าสำหรับเหตุการณ์นี้ บราวเซอร์แรกที่สนับสนุนเต็มทั้งหมด

เหตุการณ์ Chrome IE Firefox Safari Opera
onmessage 9.0 ไม่สนับสนุน 6.0 5.0 11.0
เหตุการณ์ DOM วัตถุ Event