Sự kiện onmessage

Sự kiện DOM Đối tượng Event

Định nghĩa và cách sử dụng

Sự kiện onmessage xảy ra khi nhận được tin nhắn thông qua nguồn sự kiện.

Đối tượng sự kiện onmessage hỗ trợ các thuộc tính sau:

  • data - Chứa thông điệp thực tế
  • origin - URL của tài liệu gọi sự kiện
  • lastEventId - Tên nhận dạng của tin nhắn cuối cùng trong luồng sự kiện

Sự kiện liên quan:

  • onopen - Xảy ra khi kết nối với máy chủ mở
  • onerror - Xảy ra khi có vấn đề

Để biết thêm về sự kiện gửi từ máy chủ (Server-Sent Events), hãy học các khóa học của chúng tôi Hướng dẫn HTML5 Server-Sent Events。

Mô hình

Ví dụ 1

Tạo một đối tượng EventSource mới và chỉ định URL của trang gửi cập nhật.

Mỗi khi nhận được cập nhật, sự kiện onmessage sẽ xảy ra. Khi sự kiện onmessage xảy ra, dữ liệu nhận được sẽ được đặt vào phần tử <div> có id="myDIV":

var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
  document.getElementById("myDIV").innerHTML += event.data + "<br>";
};

Thử trực tiếp

Ví dụ 2

Lấy URL của tài liệu gọi sự kiện onmessage:

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

Kết quả sẽ là:

https://www.codew3c.com/

Thử trực tiếp

Ngữ pháp

object.onmessage = function(){myScript};

Thử trực tiếp

Sử dụng phương thức addEventListener():

object.addEventListener("message", myScript);

Thử trực tiếp

Chú ý:Internet Explorer 8 hoặc các phiên bản sớm hơn không hỗ trợ Phương thức addEventListener()。

Chi tiết kỹ thuật

Bubbling: Không hỗ trợ
Có thể hủy bỏ: Không hỗ trợ
Loại sự kiện: Sự kiện

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ sự kiện này hoàn toàn.

Sự kiện Chrome IE Firefox Safari Opera
onmessage 9.0 Không hỗ trợ 6.0 5.0 11.0
Sự kiện DOM Đối tượng Event