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 -
Khi nhấp vào Chế độ xem toàn màn hình -
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(); }