onmessage olayı

Tanım ve kullanım

Mesaj alınırken onmessage olayı tetiklenir.

onmessage olayının event nesnesi aşağıdaki özellikleri destekler:

  • data - Gerçek mesaj içeren
  • origin - Olayı tetikleyen belgenin URL'si
  • lastEventId - Olay akışında görülen son mesajın tanımlayıcısı

İlgili olaylar:

  • onopen - Sunucuya bağlantı açıldığında gerçekleşir
  • onerror - Sorun yaşandığında gerçekleşir

Sunucu Tarafından Gönderilen Olaylar (Server-Sent Events) hakkında daha fazla bilgi için, bizim HTML5 Sunucu Tarafından Gönderilen Olaylar Eğitimi.

Örnek

Örnek 1

Yeni bir EventSource nesnesi oluşturun ve güncellemeleri gönderen sayfanın URL'sini belirtin.

Her güncelleme alındığında, onmessage olayı tetiklenir. onmessage olayı olduğunda, alınan veri id="myDIV" olan <div> öğesine konur:

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

Kişisel olarak deneyin

Örnek 2

onmessage olayını tetikleyen belgenin URL'sini alın:

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

Sonuç şu olacak:

https://www.codew3c.com/

Kişisel olarak deneyin

Gramer

nesne.onmessage = function(){myScript};

Kişisel olarak deneyin

addEventListener() yöntemini kullanarak:

nesne.addEventListener("message", myScript);

Kişisel olarak deneyin

Açıklama:Internet Explorer 8 veya daha eski sürümler desteklemiyor addEventListener() yöntemi.

Teknik ayrıntılar

Balonlama: Desteklenmiyor
Kaldırılabilir: Desteklenmiyor
Olay türü: Event

Tarayıcı desteği

Tablodaki numaralar, bu olayı tamamen destekleyen ilk tarayıcı sürümünü belirtir.

Olay Chrome IE Firefox Safari Opera
onmessage 9.0 Desteklenmiyor 6.0 5.0 11.0