Phương thức HTML DOM fullscreenEnabled ()

Phương thức HTML DOM fullscreenEnabled () được sử dụng để chỉ định xem chế độ toàn màn hình có khả dụng hay không cho tài liệu hiện tại. Kiểu trả về của nó là boolean và là thuộc tính chỉ đọc. True được trả về nếu chế độ toàn màn hình khả dụng, nếu không nó sẽ trả về false. Các tiền tố khác nhau được sử dụng để làm cho nó hoạt động với trình duyệt của bạn.

Cú pháp

Sau đây là cú pháp cho phương thức fullscreenEnabled () -

document.fullscreenEnabled()

Chúng ta hãy xem một ví dụ cho phương thức fullscreenEnabled () -

Lưu ý - Bạn sẽ cần sử dụng tiền tố trình duyệt của mình để phương thức fullscreenEnabled () hoạt động. Kiểm tra ghi chú cuối cùng để có tiền tố cụ thể cho trình duyệt của bạn.

Ví dụ

Hãy để chúng tôi xem một ví dụ -

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

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Phương thức HTML DOM fullscreenEnabled ()

Khi nhấp vào nút KIỂM TRA -

Phương thức HTML DOM fullscreenEnabled ()

Trong ví dụ trên -

Đầu tiên, chúng tôi đã tạo một nút CHECK sẽ thực thi phương thức EnableFullScreen () khi được người dùng nhấp vào.

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

Hàm EnableFullScreen () nhận giá trị thuộc tính document.FullScreenEnabled và gán cho biến FullS. Giá trị trả về có thể là true hoặc false. Sau đó, nó được hiển thị trong đoạn có id “Sample” bằng cách sử dụng thuộc tính innerHTML của nó.

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.";
}

Lưu ý - Chúng tôi đã chỉ định cú pháp tiêu chuẩn fullscreenEnabled () và cho các trình duyệt Chrome, Safari và Opera. Sử dụng các tiền tố bên dưới nếu bạn sử dụng bất kỳ trình duyệt nào khác.

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