HTML DOM exitFullscreen() method

วิธีการ HTML DOM exitFullscreen() ใช้สำหรับรับองค์ประกอบที่อยู่ในโหมดเต็มหน้าจอเพื่อออกจากโหมดนั้น จะไม่ทำอะไรเลยหากดำเนินการกับองค์ประกอบที่ไม่ได้อยู่ในโหมดเต็มหน้าจอ

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับวิธีการ exitFullscreen() -

HTMLElementObject.exitFullscreen()

ตัวอย่าง

ให้เราดูตัวอย่างสำหรับวิธีการ exitFullscreen() -

<!DOCTYPE html>
<html>
<head>
<style>
   var docEle = document.documentElement;
   function GoNormal() {
      if (document.exitFullscreen)
      document.exitFullscreen();
   }
   function GoFullscreen() {
      if (docEle.requestFullscreen)
      docEle.requestFullscreen();
   }
</style>
</head>
<body>
<h1>exitFullscreen() method example</h1>
<img src="EiffelTower.jpg" width="200px" height="200px">
<p>The Eiffel Tower was built on 28 January 1887</p>
<button onclick="GoFullscreen();">Fullscreen View</button>
<button onclick="GoNormal();">Normal view</button>
</body>
</html>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

HTML DOM exitFullscreen() method

เมื่อคลิกดูแบบเต็มหน้าจอ -

HTML DOM exitFullscreen() method

คุณจะกลับสู่ขนาดหน้าจอเดิมโดยกดปุ่ม Esc บนแป้นพิมพ์หรือคลิกปุ่ม "มุมมองปกติ" -

ในตัวอย่างข้างต้น −

เราได้สร้างสองปุ่ม "มุมมองเต็มหน้าจอ" และ "มุมมองปกติ" ที่จะเรียกใช้ฟังก์ชัน GoFullScreen() หรือ GoNormal() ตามลำดับเมื่อผู้ใช้คลิก -

<button onclick="GoFullscreen();">Fullscreen View</button>
<button onclick="GoNormal();">Normal view</button>

ฟังก์ชัน GoFullscreen() รับองค์ประกอบรากของเอกสารซึ่งในเอกสาร HTML เป็นองค์ประกอบ จากนั้นจะตรวจสอบเพื่อดูว่าหน้าจอไม่ได้อยู่ในโหมดเต็มหน้าจอหรือไม่โดยรับค่าคุณสมบัติบูลีน requestFullScreen ของเอกสาร หากไม่ได้อยู่ในมุมมองเต็มหน้าจอ ก็จะเรียกใช้เมธอด requestFullScreen() โดยใช้ องค์ประกอบ คุณสามารถใช้องค์ประกอบอื่นได้เช่นกัน และจะเปิดใช้งานเต็มหน้าจอสำหรับองค์ประกอบนั้นเท่านั้น -

function GoFullscreen() {
   if (docEle.requestFullscreen)
   docEle.requestFullscreen();
}

ฟังก์ชัน GoNormal() รับค่าคุณสมบัติบูเลน exitFullScreen ของเอกสารเพื่อตรวจสอบว่าหน้าจอไม่ได้อยู่ในมุมมองปกติหรือไม่ หากหน้าจอไม่อยู่ในมุมมองปกติ หน้าจอจะรันเมธอด exitFullScreen() ของเอกสาร -

function GoNormal() {
   if (document.exitFullscreen)
   document.exitFullscreen();
}