رویداد onmessage
مثال (رویداد onmessage)
ایجاد یک شیء EventSource جدید و مشخص کردن url صفحه ای که می خواهیم update ها را به آن ارسال کنیم.
هربار که یک update صورت می گیرد، رویداد onmessage اتفاق می افتد.
هنگامی که رویداد onmessage اتفاق می افتد، داده دریافت شده، در عنصر <div> با آی دی "myDIV" قرار می گیرد.
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 |
نحوه استفاده
استفاده از متد addEventListener() در جاوااسکریپت:
نکته: متد addEventListener() در Internet Explorer 8 و ورژن های پایین تر از آن پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | خیر |
|---|---|
| Cancelable: | خیر |
| Event type: | Event |
مثال - خودتان امتحان کنید
مثال (رویداد onmessage)
گرفتن URL سندی که، رویداد onmessage را فراخوانی کرده است:
source.onmessage = function(event) {
document.getElementById("myDIV").innerHTML = event.origin;
};
خروجی کد بالا:
خودتان امتحان کنید »
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 5914
