مетод exitFullscreen() API Fullscreen

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

exitFullscreen() مетод در حالت تمام‌صفحه عنصر را لغو می‌کند.

توجه:لطفاً از مетод requestFullscreen() عنصر را به حالت تمام‌صفحه باز کنید.

مثال

مثال 1

به حالت تمام‌صفحه صفحه HTML را باز کنید، سپس روی دکمه کلیک کنید تا ببندد:

/* دریافت documentElement (<html>) برای نمایش کامل‌نما صفحه */
var elem = document.documentElement;
/* مشاهده کامل‌نما */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* بستن کامل‌نما */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

آزمایش کنید

مثال 2

وقتی صفحه در حالت کامل‌نما است، می‌توانید از CSS برای تنظیم استایل صفحه استفاده کنید:

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* نحوه استاندارد */
:fullscreen {
  background-color: yellow;
}

آزمایش کنید

نحوه استفاده

HTMLElementObject.exitFullscreen()

پارامتر

بدون.

جزئیات فنی

بازگشت‌ارزش: بدون بازگشت‌ارزش.

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این روش هستند.

توضیحات:برخی مرورگرها نیاز به پیشوند خاصی دارند (ملاحظات در گوشه):

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)