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

Phương thức exitFullscreen() dùng để thoát chế độ toàn màn hình (fullscreen) của phần tử hiện đang ở chế độ đó. Nếu phần tử không ở chế độ toàn màn hình, phương thức không làm gì.

Cú pháp

HTMLElementObject.exitFullscreen()

Ví dụ

Ví dụ chuyển đổi giữa chế độ toàn màn hình và bình thường cho trang:

<!DOCTYPE html>
<html>
<head>
<script>
  var docEl = document.documentElement;
  function goNormal() {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    }
  }
  function goFullscreen() {
    if (docEl.requestFullscreen) {
      docEl.requestFullscreen();
    }
  }
</script>
</head>
<body>
<h1>Ví dụ exitFullscreen()</h1>
<img src="EiffelTower.jpg" width="200px" height="200px">
<p>Tháp Eiffel được xây dựng ngày 28 tháng 1 năm 1887</p>
<button onclick="goFullscreen()">Toàn màn hình</button>
<button onclick="goNormal()">Chế độ bình thường</button>
</body>
</html>

Kết quả

Ban đầu trang hiển thị bình thường với ảnh và văn bản.

Nhấn "Toàn màn hình": trang mở rộng toàn màn hình (có thể nhấn Esc để thoát).

Nhấn "Chế độ bình thường": thoát toàn màn hình quay lại trạng thái ban đầu.

Giải thích

• Hai nút gọi goFullscreen() và goNormal().
• goFullscreen(): Lấy phần tử gốc document.documentElement (<html>), kiểm tra requestFullscreen, gọi để vào toàn màn hình.
• goNormal(): Kiểm tra document.exitFullscreen, gọi để thoát toàn màn hình.
• Cả hai đều kiểm tra sự hỗ trợ của trình duyệt trước khi gọi.