เมธอด HTML DOM fullscreenEnabled()

เมธอด fullscreenEnabled() ของ HTML DOM ใช้สำหรับระบุว่าโหมดเต็มจอ (fullscreen mode) พร้อมใช้งานสำหรับเอกสารปัจจุบันหรือไม่ ชนิดข้อมูลที่คืนคือ boolean และเป็นคุณสมบัติแบบอ่านอย่างเดียว (read-only) จะคืนค่า true หากโหมดเต็มจอพร้อมใช้งาน มิฉะนั้นจะคืนค่า false ต้องใช้ prefix ต่างๆ เพื่อให้ทำงานกับเบราว์เซอร์ของคุณ

ไวยากรณ์ (Syntax)

document.fullscreenEnabled()

ตัวอย่าง (Example)

หมายเหตุ: คุณจะต้องใช้ browser prefix สำหรับ fullscreenEnabled() ให้ทำงาน ดูหมายเหตุท้ายบทความสำหรับ prefix ของแต่ละเบราว์เซอร์

<!DOCTYPE html> <html> <body> 
<h1>fullscreenEnabled() method</h1> 
<p>Click the below button to know if this document can be viewed in full screen mode or not</p> 
<button onclick="EnableFullScreen();">CHECK</button> 
<p id="Sample"></p> 
<script> 
  function EnableFullScreen() { 
    var FullS=(document.fullscreenEnabled || /* Standard syntax */ 
    document.webkitFullscreenEnabled) /* Chrome, Safari and Opera */ 
    if(FullS==true) 
      document.getElementById("Sample").innerHTML="This document can be viewed in fullscreen mode."; 
    else 
      document.getElementById("Sample").innerHTML="This document cannot be viewed in fullscreen mode."; 
  } 
</script> </body> </html>

ผลลัพธ์ (Output)

ผลลัพธ์ที่ได้:

เมื่อคลิกปุ่ม CHECK:

คำอธิบายโค้ด

สร้างปุ่ม CHECK ที่จะทำงาน EnableFullScreen() เมื่อคลิก:

<button onclick="EnableFullScreen();">CHECK</button>

ฟังก์ชัน EnableFullScreen() รับค่า document.fullscreenEnabled มาเก็บในตัวแปร FullS ค่าที่คืนจะเป็น true หรือ false แล้วนำไปแสดงในพารากราฟ id "Sample" ผ่าน innerHTML:

function EnableFullScreen() { 
  var FullS=(document.fullscreenEnabled || /* Standard syntax */ 
  document.webkitFullscreenEnabled) /* Chrome, Safari and Opera */ 
  if(FullS==true) 
    document.getElementById("Sample").innerHTML="This document can be viewed in fullscreen mode."; 
  else 
    document.getElementById("Sample").innerHTML="This document cannot be viewed in fullscreen mode."; 
}

หมายเหตุ: ระบุ fullscreenEnabled() แบบมาตรฐาน และสำหรับ Chrome, Safari, Opera ใช้ prefix ด้านล่างสำหรับเบราว์เซอร์อื่น:

• Firefox: document.mozFullScreenEnabled
• IE/Edge: document.msFullscreenEnabled