sự kiện onmessage
Thí dụ
Tạo một đối tượng EventSource mới và chỉ định URL của trang gửi các bản cập nhật.
Mỗi khi nhận được bản cập nhật, sự kiện tin nhắn sẽ xảy ra. Khi sự kiện onmessage xảy ra, hãy đặt dữ liệu đã nhận vào phần tử <div> với id = "myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Sự kiện onmessage xảy ra khi một tin nhắn được nhận qua một nguồn sự kiện.
Đối tượng sự kiện cho sự kiện onmessage hỗ trợ các thuộc tính sau:
- dữ liệu - Chứa thông điệp thực tế
- origin - URL của tài liệu đã gọi sự kiện
- lastEventId - mã định danh của thông báo cuối cùng được nhìn thấy trong luồng sự kiện
Các sự kiện liên quan:
Để biết thêm thông tin về Sự kiện do máy chủ gửi, hãy đọc Hướng dẫn về sự kiện do máy chủ gửi HTML5 của chúng tôi .
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ sự kiện.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Cú pháp
object.onmessage = function(){myScript};
Sử dụng phương thức addEventListener ():
object.addEventListener("message", myScript);
Lưu ý: Phương thức addEventListener () không được hỗ trợ trong Internet Explorer 8 và các phiên bản trước đó.
Chi tiết kỹ thuật
Bong bóng: | Không |
---|---|
Có thể hủy bỏ: | Không |
Loại sự kiện: | Biến cố |
Các ví dụ khác
Thí dụ
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ả có thể là:
https://www.w3schools.com/