home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

HTML DOM fullscreenEnabled() method

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

ไวยากรณ์

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

document.fullscreenEnabled()

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

หมายเหตุ − คุณจะต้องใช้คำนำหน้าเบราว์เซอร์ของคุณเพื่อให้วิธีการ fullscreenEnabled() ทำงานได้ ตรวจสอบบันทึกสุดท้ายเพื่อให้มีคำนำหน้าเฉพาะเบราว์เซอร์ของคุณ

ตัวอย่าง

เรามาดูตัวอย่างกัน −

<!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>

ผลลัพธ์

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

HTML DOM fullscreenEnabled() method

เมื่อคลิกปุ่มตรวจสอบ -

HTML DOM fullscreenEnabled() method

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

ขั้นแรกเราได้สร้างปุ่ม CHECK ที่จะรันเมธอด EnableFullScreen() เมื่อผู้ใช้คลิก

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

ฟังก์ชัน EnableFullScreen() รับค่าคุณสมบัติ document.FullScreenEnabled และกำหนดให้กับตัวแปร FullS ค่าที่ส่งกลับอาจเป็นจริงหรือเท็จก็ได้ จากนั้นจะแสดงในย่อหน้าที่มี 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 ใช้คำนำหน้าด้านล่างหากคุณใช้เบราว์เซอร์อื่น

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