رویداد fullscreenchange

رویدادهای DOM موضوع Event

تعریف و استفاده

رویداد fullscreenchange در حالی که عناصر به صورت حالت تمام‌صفحه نمایش داده می‌شوند، رخ می‌دهد.

توجه:این رویداد نیاز به پیشوند خاصی دارد تا در مرورگرهای مختلف کار کند (لطفاً به مثال‌های زیر مراجعه کنید).

توجه:لطفاً از element.requestFullscreen() این روش برای مشاهده عناصر به حالت تمام‌صفحه استفاده می‌شود.

توجه:لطفاً از element.exitFullscreen() این روش حالت تمام‌صفحه را لغو می‌کند.

مثال

در حالت تمام‌صفحه صفحه را مشاهده کنید تا برخی از متن‌ها نمایش داده شوند:

document.addEventListener("fullscreenchange", function() {
  output.innerHTML = "رویداد fullscreenchange فعال شد!";
});

آموزش شخصی

نوع نویسی

در HTML:

<عنصر onfullscreenchange="myScript">

در JavaScript:

در JavaScript، از روش addEventListener() استفاده می‌شود:.onfullscreenchange = function(){myScript};

در JavaScript، از addEventListener() استفاده می‌شود:

در JavaScript، از روش addEventListener() استفاده می‌شود:.addEventListener("fullscreenchange", myScript);

آموزش شخصی

توجه:این نسخه از Internet Explorer 8 یا قدیمی‌تر پشتیبانی نمی‌کند مетод addEventListener().

جزئیات فنی

بالا پرتابی: پشتیبانی می‌شود
ملغا پذیر: پشتیبانی نمی‌شود
نوع رویداد: رویداد
برچسب‌های HTML پشتیبانی شده: تمام عناصر HTML

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این رویداد پشتیبانی می‌کند. توجه: هر مرورگر نیاز به پیشوند خاصی دارد (لطفاً به بخش در گوشه مراجعه کنید):

رویداد Chrome IE Firefox Safari Opera
fullscreenchange 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

مثال

پیشوند پیش‌نویسی برای استفاده در کد چند مرورگر:

/* استاندارد گرامر */
document.addEventListener("fullscreenchange", function() {
  ...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
  ...
});
/* Chrome, Safari و Opera */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});

آموزش شخصی

رویدادهای DOM موضوع Event