Fullscreen API หน้าต่างออกนอก exitFullscreen()

การประกาศและวิธีใช้

exitFullscreen() วิธีที่จะทำให้องค์ประกอบหลุดจากโหมดเต็มจอ

คำเตือน：ใช้ วิธี requestFullscreen() เปิดองค์ประกอบแบบเต็มจอ

ตัวอย่าง

ตัวอย่าง 1

เปิดหน้าเว็บไฮเท็มแบบเต็มจอ แล้วคลิกที่ปุ่มเพื่อปิด:

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 (มิลิวินาที)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)