Computer >> Máy Tính >  >> Lập trình >> HTML

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

Phương thức HTML DOM exitFullscreen () được sử dụng để đưa một phần tử hiện đang ở chế độ toàn màn hình thoát ra khỏi chế độ đó. Nó không có tác dụng gì nếu được thực thi trên một phần tử chưa ở chế độ toàn màn hình.

Cú pháp

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

HTMLElementObject.exitFullscreen()

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
<style>
   var docEle = document.documentElement;
   function GoNormal() {
      if (document.exitFullscreen)
      document.exitFullscreen();
   }
   function GoFullscreen() {
      if (docEle.requestFullscreen)
      docEle.requestFullscreen();
   }
</style>
</head>
<body>
<h1>exitFullscreen() method example</h1>
<img src="EiffelTower.jpg" width="200px" height="200px">
<p>The Eiffel Tower was built on 28 January 1887</p>
<button onclick="GoFullscreen();">Fullscreen View</button>
<button onclick="GoNormal();">Normal view</button>
</body>
</html>

Đầu ra

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

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

Khi nhấp vào Chế độ xem toàn màn hình -

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

Bạn sẽ quay lại kích thước màn hình ban đầu bằng cách nhấn phím Esc trên bàn phím hoặc nhấp vào nút “Chế độ xem bình thường” -

Trong ví dụ trên -

Chúng tôi đã tạo hai nút “FullScreen View” và “Normal View” sẽ thực thi các chức năng GoFullScreen () hoặc GoNormal () tương ứng khi người dùng nhấp vào -

<button onclick="GoFullscreen();">Fullscreen View</button>
<button onclick="GoNormal();">Normal view</button>

Hàm GoFullscreen () lấy phần tử gốc tài liệu mà trong tài liệu HTML là phần tử . Sau đó, nó sẽ kiểm tra xem màn hình có ở chế độ toàn màn hình hay không bằng cách lấy giá trị thuộc tính boolean requestFullScreen của tài liệu. Nếu nó không ở chế độ xem toàn màn hình, thì nó sẽ thực thi phương thức requestFullScreen () bằng cách sử dụng phần tử . Bạn cũng có thể lấy bất kỳ phần tử nào khác và nó sẽ chỉ bật toàn màn hình cho phần tử đó -

function GoFullscreen() {
   if (docEle.requestFullscreen)
   docEle.requestFullscreen();
}

Hàm GoNormal () nhận giá trị thuộc tính boolen exitFullScreen của tài liệu để kiểm tra xem màn hình chưa ở chế độ xem bình thường. Nếu màn hình không ở chế độ xem bình thường thì nó sẽ thực thi phương thức exitFullScreen () của tài liệu -

function GoNormal() {
   if (document.exitFullscreen)
   document.exitFullscreen();
}