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

Phương thức fullscreenEnabled() (thực chất là thuộc tính read-only) cho biết tài liệu hiện tại có hỗ trợ chế độ toàn màn hình hay không. Trả về true nếu hỗ trợ, false nếu không. Cần dùng tiền tố trình duyệt (vendor prefix) để tương thích.

Cú pháp

document.fullscreenEnabled

Ví dụ

Kiểm tra hỗ trợ toàn màn hình:

<!DOCTYPE html> <html> <body> 
<h1>fullscreenEnabled() method</h1> 
<p>Nhấn nút để kiểm tra hỗ trợ toàn màn hình</p> 
<button onclick="EnableFullScreen()">KIỂM TRA</button> 
<p id="Sample"></p> 
<script> 
  function EnableFullScreen() { 
    var FullS = (document.fullscreenEnabled || 
      document.webkitFullscreenEnabled); // Chrome, Safari, Opera 
    if (FullS === true) 
      document.getElementById("Sample").innerHTML = "Tài liệu hỗ trợ chế độ toàn màn hình."; 
    else 
      document.getElementById("Sample").innerHTML = "Tài liệu KHÔNG hỗ trợ chế độ toàn màn hình."; 
  } 
</script> </body> </html>

Kết quả

Trước khi nhấn nút:

Sau khi nhấn nút (hiển thị true/false):

Lưu ý về tiền tố trình duyệt

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

Nên dùng toán tử OR (||) để kiểm tra nhiều tiền tố cùng lúc.