رویداد onmessage

مثال (رویداد onmessage)

ایجاد یک شیء EventSource جدید و مشخص کردن url صفحه ای که می خواهیم update ها را به آن ارسال کنیم.

هربار که یک update صورت می گیرد، رویداد onmessage اتفاق می افتد.

هنگامی که رویداد onmessage اتفاق می افتد، داده دریافت شده، در عنصر <div> با آی دی "myDIV" قرار می گیرد.

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

خودتان امتحان کنید »

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

رویداد onmessage زمانی روی می دهد که، یک پیام از منبع رویداد(event source) دریافت شود.

شیء رویداد(event)، برای رویداد onmessage از خصوصیت های زیر پشتیبانی می کند:

data: شامل پیام اصلی می باشد.
origin: آدرس(url) سندی که رویداد را فراخوانی کرده است.
lastEventId: شناسه ی آخرین پیام مشاهده شده در جریان رویداد است.

رویدادهای مرتبط:

onopen: زمانی روی می دهد که یک اتصال به سرور باز شود.
onerror: زمانی روی می دهد که یک مشکل ایجاد شود.

برای اطلاعات بیشتر در مورد رویداد های سمت سرور، HTML5 Server-Sent Events Tutorial را مطالعه کنید.

پشتیبانی مرورگرها

اعداد داخل جدول زیر اولین ورژن مرورگری را مشخص می کند که به طور کامل از این رویداد پشتیبانی می کند.

Event
onmessage	9.0	پشتیبانی نمی شود	6.0	5.0	11.0

نحوه استفاده

object.onmessage=function(){myScript};امتحان کنید

استفاده از متد addEventListener() در جاوااسکریپت:

object.addEventListener("message", myScript);امتحان کنید

نکته: متد addEventListener() در Internet Explorer 8 و ورژن های پایین تر از آن پشتیبانی نمی شود.

جزئیات تکنیکی

Bubbles:	خیر
Cancelable:	خیر
Event type:	Event

مثال - خودتان امتحان کنید

مثال (رویداد onmessage)

گرفتن URL سندی که، رویداد onmessage را فراخوانی کرده است:

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

خروجی کد بالا:

http://www.w3schools.com/

خودتان امتحان کنید »

مرجع کلیه رویدادهای JavaScript

: نوشته شده توسط احسان عباسی; بازدید: 5749