Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Keluar Fullscreen HTML Menggunakan exitFullscreen DOM

Dipublikasikan Oleh: elfanmauludi 5 komentar
Method exitFullscreen() DOM pada HTML berfungsi untuk memesan elemen yang saat ini dalam mode full-screen untuk dikeluarkan dari mode tersebut. Jika elemen sedang tidak dalam mode full-screen, maka method ini tidak akan memberikan bentuk perubahan apapun. Kebalikan dari method exiFullscreen() adalah method requestFullscreen().

Cara Penggunaan Method exitFullscreen() DOM pada HTML
Ilustrasi exitFullscreen() DOM HTML

Sebelum memahami lebih dalam materi tentang Keluar Fullscreen HTML Menggunakan exitFullscreen DOM, terlebih dahulu pelajari materi tentang: Properti Dir HTML DOM dan Fungsinya [klik], Properti Contains DOM HTML dan Fungsinya [klik], dan Membandingkan Posisi Dokumen HTML compareDocumentPosition DOM [klik].

Sintak:
HTMLElementObject.exitFullscreen()

Parameter: tidak membutuhkan parameter apapun pada penggunaan method exitFullscreen().

Baca Juga:

Return Value: tidak ada nilai return apapun pada penggunaan method exitFullscreen().

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Method exitFullscreen() DOM 

pada HTML

</title>

 

<!-- script untuk menutup dan 

membuka fullscreen -->

<script>

var elem = document.documentElement;

 

function closeFullscreen() 

{

if (document.exitFullscreen)

document.exitFullscreen();

}

 

function openFullscreen() 

{

if (elem.requestFullscreen)

elem.requestFullscreen();

}

</script>

</head>

 

<body>

 

<h2>

Blog Elfan

</h2>

 

<p>

Klik pada tombol "Open 

Fullscreen" untuk membuka 

halaman ini dalam mode 

fullscreen. Untuk menutup 

fullscreen dapat dilakukan 

dengan menekan tombol "Esc" 

pada keyboard, atau dengan 

tombol "Close Fullscreen".

</p>

 

<button onclick="openFullscreen();">

Open Fullscreen

</button>

 

<button onclick="closeFullscreen();">

Close Fullscreen

</button>

 

</body>

 

</html>

Output:

Blog Elfan

Klik pada tombol "Open Fullscreen" untuk membuka halaman ini dalam mode fullscreen. Untuk menutup fullscreen dapat dilakukan dengan menekan tombol "Esc" pada keyboard, atau dengan tombol "Close Fullscreen".


Artikel ini didedikasikan kepada: Fina Maghfirotussaadah, Fitri Ekma Setyobekti, Gracia Sandra Nourma Yunita, Habibah Dwi Yunisari Harsono, dan Hana Safitri.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Keluar Fullscreen HTML Menggunakan exitFullscreen DOM"

  1. AnonimRabu, 16 Februari 2022 pukul 07.22.00 WIB

    Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method exitFullscreen() DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimRabu, 16 Februari 2022 pukul 07.22.00 WIB

      Berikut adalah beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan method exitFullscreen() DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. AnonimKamis, 24 Februari 2022 pukul 10.15.00 WIB

    Apa fungsi dari method exitFullscreen() DOM pada HTML?

    BalasHapus
    Balasan
    1. AnonimKamis, 24 Februari 2022 pukul 10.15.00 WIB

      Method HTML DOM exitFullscreen() digunakan untuk mendapatkan elemen yang saat ini berada dalam mode fullscreen atau dalam mode layar penuh untuk keluar dari mode tersebut.

      Hapus
    2. AnonimKamis, 24 Februari 2022 pukul 10.16.00 WIB

      Gunakan method exitFullscreen() untuk membatalkan mode layar penuh, atau keluar dari mode layar penuh pada browser.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -