acara onmessage
Contoh
Buat objek EventSource baru, dan tentukan URL halaman yang mengirim pembaruan.
Setiap kali pembaruan diterima, acara onmessage terjadi. Saat peristiwa onmessage terjadi, masukkan data yang diterima ke dalam elemen <div> dengan id="myDIV":
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML += event.data + "<br>";
};
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Acara onmessage terjadi ketika pesan diterima melalui sumber acara.
Objek acara untuk acara onmessage mendukung properti berikut:
- data - Berisi pesan yang sebenarnya
- asal - URL dokumen yang memanggil acara
- lastEventId - pengidentifikasi pesan terakhir yang terlihat di aliran acara
Acara terkait:
Untuk informasi lebih lanjut tentang Peristiwa Terkirim Server, baca Tutorial Peristiwa Terkirim Server HTML5 kami .
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung acara tersebut.
Event | |||||
---|---|---|---|---|---|
onmessage | 9.0 | Not supported | 6.0 | 5.0 | 11.0 |
Sintaksis
object.onmessage = function(){myScript};
Menggunakan metode addEventListener():
object.addEventListener("message", myScript);
Catatan: Metode addEventListener() tidak didukung di Internet Explorer 8 dan versi yang lebih lama.
Detail Teknis
Gelembung: | Tidak |
---|---|
Dapat dibatalkan: | Tidak |
Jenis acara: | Peristiwa |
Lebih Banyak Contoh
Contoh
Dapatkan URL dokumen yang memanggil acara onmessage:
var source = new EventSource("demo_sse.php");
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
Hasilnya bisa berupa:
https://www.w3schools.com/