tutorial pengembangan web terbaru
 

Acara onmessage

<Object Acara

Contoh

Membuat objek EventSource baru, dan menentukan URL dari halaman pengiriman update.
Setiap kali update diterima, acara onmessage terjadi. Ketika suatu peristiwa onmessage terjadi, menempatkan data yang diterima ke dalam <div> elemen dengan id = "myDiv":

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

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

Acara onmessage terjadi ketika pesan diterima melalui sumber acara.

Acara objek untuk acara onmessage mendukung sifat sebagai berikut:

  • Data - Berisi pesan yang sebenarnya
  • Asal - URL dari dokumen yang dipanggil acara
  • lastEventId - pengenal pesan terakhir terlihat dalam aliran acara

Peristiwa terkait:

  • OnOpen - Terjadi ketika koneksi ke server terbuka
  • OnError - Terjadi ketika terjadi masalah

Untuk informasi lebih lanjut tentang Server-Sent Events, baca HTML5 Server-Sent Events Tutorial .


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh acara tersebut.

Peristiwa
onmessage 9.0 Tidak didukung 6.0 5.0 11.0

Sintaksis

object .onmessage= function() { myScript };
Try it Yourself »

Menggunakan addEventListener() metode:

object . addEventListener("message", myScript ) ;
Try it Yourself »

Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.


Rincian teknis

Gelembung: Tidak
dibatalkan: Tidak
jenis acara: Peristiwa

contoh

Contoh lebih

Contoh

Dapatkan URL dari dokumen yang dipanggil acara onmessage:

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

Hasilnya bisa menjadi:

http://www.w3ii.com/
Cobalah sendiri "

<Object Acara